/*------------------------------------------------------------------


* This file contains the styling for this theme. If you want to change any style of the theme, just edit from here. But, before editing anything, please make sure that you have proper css knowledge. Also, if you want to edit style of responsive version, then please edit the responsive.css file available at assets/css/responsive.css

-------------------------------------------------------------------*/
/*------------------------------------------------------------------

[TABLE OF CONTENTS]

	1. Global Styles
    2. Buttons
    3. Preloaders
    4. Header Section
        4.1. Header and Sticky Bar
        4.2. Logo
        4.3. Main Menu
    5. Top Section
    6. About Us Section
    7. Product Section
    8. Our Process Section
    9. Gallery Section
    10. Progress Counter Section
	11. Meet The Team Section
    12. Testimonial Section
    13. Blog Section
    14. Blog Single Section
    15. Coupon/Newsletter Section
    16. Purchase Section
    17. Footer Section
        17.1 Footer Top
        17.2 Copyright

-------------------------------------------------------------------*/
* ==========================================================================
   Fonts
   ========================================================================== */
   
.scrollanimation {
    margin-bottom:0px !important;
}


   sup{
       font-size:.6em;
       margin-left:.1em;
       margin-right:.1em;
   }


@font-face {
  font-family:'Droid Arabic Kufi';
  src: url('DroidKufi-Regular.eot');
  src: url('DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), url('DroidKufi-Regular.woff') format('woff'), url('DroidKufi-Regular.woff2') format('woff2'), url('DroidKufi-Regular.ttf') format('truetype'), url('DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url('DroidKufi-Bold.eot');
  src: url('DroidKufi-Bold.eot?#iefix') format('embedded-opentype'), url('DroidKufi-Bold.woff') format('woff'), url('DroidKufi-Bold.woff2') format('woff2'), url('DroidKufi-Bold.ttf') format('truetype'), url('DroidKufi-Bold.svg#Droid Arabic Kufi') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'LatoRegular';
  src: url('lato-reg-webfont.eot');
  src: url('lato-reg-webfontd41d.eot?#iefix') format('embedded-opentype'),
      url('lato-reg-webfont.woff') format('woff'),
      url('lato-reg-webfont.ttf') format('truetype'),
      url('lato-reg-webfont.svg#LatoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoHairline';
  src: url('lato-hai-webfont.eot');
  src: url('lato-hai-webfontd41d.eot?#iefix') format('embedded-opentype'),
       url('lato-hai-webfont.woff') format('woff'),
       url('lato-hai-webfont.ttf') format('truetype'),
       url('lato-hai-webfont.svg#LatoHairline') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoBold';
  src: url('lato-bol-webfont.eot');
  src: url('lato-bol-webfontd41d.eot?#iefix') format('embedded-opentype'),
       url('lato-bol-webfont.woff') format('woff'),
       url('lato-bol-webfont.ttf') format('truetype'),
       url('lato-bol-webfont.svg#LatoBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoLight';
  src: url('lato-lig-webfont.eot');
  src: url('lato-lig-webfontd41d.eot?#iefix') format('embedded-opentype'),
       url('lato-lig-webfont.woff') format('woff'),
       url('lato-lig-webfont.ttf') format('truetype'),
       url('lato-lig-webfont.svg#LatoLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LatoBlack';
  src: url('lato-bla-webfont.eot');
  src: url('lato-bla-webfontd41d.eot?#iefix') format('embedded-opentype'),
  url('lato-bla-webfont.woff') format('woff'),
  url('lato-bla-webfont.ttf') format('truetype'),
  url('lato-bla-webfont.svg#LatoBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ==========================================================================
   General
   ========================================================================== */

/*-----------------------------
 1. Global Styles 
-------------------------------*/

body {
color: #00B8D4 ;

font-family: 'Droid Arabic Kufi', sans-serif;

font-size: 18px;

line-height: 30px;

font-weight: 300;
letter-spacing: 0px;

direction: rtl;

}

h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-weight: 500;
}
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.clear {
    clear: both;
}
iframe{
    border-width: 0px;
}
img {
    max-width: 100%;
}
.chipsofic-content-block {
    padding: 95px 0 70px;
}
.section-gray {
    background-color: #eee;
}

.section-title h1 {
  font-size: 45px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.section-title h2 {
    font-size: 35px;
    text-transform: uppercase;
}
.chipsofic-subtitle {
   color: #4d5f60;
font-family: 'Droid Arabic Kufi', sans-serif;
font-size: 18px;
font-weight: 300;
    margin-top: 10px;
}

/*-----------------------------
2. Buttons
-------------------------------*/

.chipsofic-small-btn {
    background: transparent;
border: 2px solid #01abd1;
color: #01abd1;
font-weight: 300;
margin-top: 10px;
padding: 10px 20px;
text-transform: uppercase;
}

.chipsofic-small-btn:hover {
    background: rgba(159,205,227,.4);
color: #01abd1;
}

.chipsofic-form-btn {
    background: #01abd1;
    border-radius:0;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-top:10px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: 100%;
}

.chipsofic-form-btn:hover {
    background: #343839;
    color: #fff;
}

.chipsofic-purchase-btn ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
.chipsofic-purchase-btn .fa {
  color: #fff;
  float: left;
  font-size: 30px;
  padding: 10px 20px 10px 15px;
}
.chipsofic-purchase-btn li {
  color: #fff;
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
}
.chipsofic-purchase-btn li span {
  font-weight: bold;
}

.chipsofic-purchase-btn {
  background: #acaead;
  border-radius: 35px;
  padding: 12px 25px 10px;
  width: 50%;
}

.chipsofic-purchase-btn:hover {
  background: #333;
}

/*-----------------------------
3. Preloaders
-------------------------------*/
.spinner {
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  background-color: #fff;
  border-radius: 100%;  
  height: 40px;
  margin: 100px auto;
  width: 40px;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
.chipsofic-site-preloader-wrap {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background-image: linear-gradient(to right top, #00aecb, #00aecc, #00adce, #00adcf, #00acd0, #00aad1, #00a9d1, #00a7d2, #01a4d2, #05a2d2, #0c9fd2, #139cd2);
}
.chipsofic-site-preloader-wrap .spinner {
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
}

/*-----------------------------
4. Header Section
-------------------------------*/

/* 4.1. Header and Sticky Bar */

.header-area {
    background: url('bgslide.jpg') no-repeat fixed center;
    background-size: cover;
}
.header-area .cbp-af-header {
  background: #fff;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.header-area .cbp-af-header.cbp-af-header-shrink {
    background: #fff;
    border-bottom: 1px solid #acaead;
}
.header-area .cbp-af-header h1 {
  line-height: 0;
}
.header-area .cbp-af-header.cbp-af-header-shrink .main-menu li a {
    padding: 21px 15px;
}
.header-area .cbp-af-header.cbp-af-header-shrink .logo img {
    max-height: 55px;
}

/* 4.2. Logo */

.logo {
    padding: 3px 0;
    text-transform: uppercase;
}
.logo img {
    -webkit-transition: all 0.4s ease 0s;
    max-height: 60px;
    transition: all 0.4s ease 0s;
}
.logo a {
    color: #494949;
}
.logo a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
.logo h1 {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0px;
}

/* 4.3. Main Menu */

.main-menu {
    font-family: 'Droid Arabic Kufi', sans-serif;
    padding-right: 40px;
}
.main-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.main-menu li {
    display: inline-block;
    position: relative;
}
.main-menu li a {
    color: #01abd1;
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 30px 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.main-menu li:hover > a {
    color: #444;
    text-decoration: none;
}
.main-menu .active a {
    color: #444;
}
.responsive-menu-wrap {
    display: none;
}

/*-----------------------------
5. Top Section
-------------------------------*/
.top-area {
    margin: auto;
    padding:17.5% 0 14.5%;
    width: 90%;
}
.top-area h1 {
    color: #fff;
    font-size: 55px;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
}
.top-area p {
    color: #fff;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size: 20px;
    line-height: 1.5;
}
.top-area .btn {
background: transparent;
border: 1px solid #fff;
color: #fff;
font-family: 'Droid Arabic Kufi', sans-serif;
font-size: 20px;
font-weight: bold;
margin-top: 20px;
padding: 15px 40px;
text-transform: uppercase;

}
.top-area .btn:hover {
    background: rgba(159,205,227,.4);
 
}

/*-----------------------------
6  About Us Section
-------------------------------*/
.about-us-section a {
    color: #333;
    text-decoration: none;
}
.about-us-section h1 {
    font-size: 45px;
    line-height: 1;
    margin-bottom:0;
    text-transform: uppercase;
}
.about-us-section h1 span{
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    margin-bottom:0;
    text-transform: uppercase;
}
.about-us-section h2 {
font-size: 26px;
font-weight: 300;
margin-top: 5px;
color: #01abd1;
text-transform: uppercase;


}
.about-us-section h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom:0;
}
.about-us-section h3 span{;
    font-weight: 700;
}
.about-us-section img {
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    display: block;
    margin: 0 auto;
    max-width: 200px;
    transition: all 0.9s;
}
.about-us-section img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.about-us-section i {
    color: #BC0F21;
    padding-right: 10px;
}
.about-us-section p {
    padding-top: 5px;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
    line-height: 35px;
}

/*-----------------------------
7. Product Section
-------------------------------*/

.single-chips-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.choose-our-chips-content-area {
    margin-top:50px;
}

.choose-our-chips-content-area h3 {
  font-weight: 700;
}
.choose-our-chips-content-area .pricing {
   /* font-size: 17px;
    color:#7c9698;*/
    font-size: 20px;
    color: #00B8D4;
    direction: rtl !important;
}

.choose-our-chips-content-area .pricing span {
    font-weight: bold;
}

.choose-our-chips-content-area img {
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    max-width: 200px;
    padding: 6px;
    transition: all 0.9s;
}

/*-----------------------------
8. Our Process Section
-------------------------------*/

.process-block {
    background: url('video-bg.jpg') no-repeat fixed center;
    background-size: cover; 
}

.process-block .fa {
    font-size: 100px;
    color: #acaead;
    cursor:pointer;
}

.process-block .fa:hover {
    color: #fff;
}

.process-block h1, .process-block .chipsofic-subtitle {
    color: #fff;
}

.modal-dialog {
    width: 80%;
}

.modal-content {
    border: none;
    border-radius: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

/*-----------------------------
9 Gallery Section
-------------------------------*/

.gallery-lightbox {
    display: block;
    position: relative;
}
.gallery-lightbox img {
    width: 100%
}
.gallery-lightbox i.fa {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease 0s;
    color: #fff;
    font-size: 25px;
    left: 50%;
    line-height: 1.5;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 60%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 20px;
    z-index: -1;
}
.gallery-lightbox:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.2s ease 0s;
    background: #acaead none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.gallery-lightbox:hover i.fa {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    top: 50%;
    visibility: visible;
    z-index: 2;
}
.gallery-lightbox:hover:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.8;
    visibility: visible;
    z-index: 1;
}

.chipsofic-content-block.gallery-block {
    padding: 45px 0 0;
}
.gallery-area {
  margin-top: 50px;
}
.gallery-area .container-fluid, .gallery-area .col-md-3, .gallery-area .col-sm-6 {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

/*-----------------------------
10. Progress Counter Section
-------------------------------*/

.counter-block {
    background: #01abd1 url('video.png') no-repeat scroll center center;
    color: #fff;
}

.counter-block h1, .counter-block .chipsofic-subtitle {
    color: #fff;
}

.counter-block h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin: 0;
}
.chipsofic-counter-area {
  margin-top: 50px;
}
.chipsofic-counter-area p {
  font-weight: 500;
  text-transform: capitalize;
}

/*-----------------------------
11. Meet The Team Section
-------------------------------*/
.single-team-item {
    color: #6e6e6e;
    display: block;
    margin-top: 50px;
}
.single-team-item h3 {
    color: #222222;
    font-weight: 700;
}
.single-team-item h4 {
    color: #6e6e6e;
    font-weight: 300;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.single-team-item i.fa, .about-us-section i.fa {
    font-size: 25px;
    color: #333333;
}
.single-team-item i.fa:hover, .about-us-section i.fa:hover {
    opacity: 0.8;
}
.single-team-item img {
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    background-color: #ffffff;

    border: 1px solid #f8f8f8;
    box-shadow: -2px 0 9px -2px #acaead;
    transition: all 0.9s;
    width: 200px;
}

.single-team-item p {
    color: #6e6e6e;
}
.single-team-item ul, .about-us-section ul {
    list-style: none;
    margin:0;
    padding: 0;
}
.single-team-item ul li, .about-us-section ul li {
    display: inline-block;
    margin-right: 5px;
}
.single-team-item ul li:last-child, .about-us-section ul li:last-child {
    margin-right: 0px;
}
.single-team-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*-----------------------------
12. Testimonial Section
-------------------------------*/
.review-stars {
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
}
.review-stars li {
    display: inline-block;
}
.review-stars i.fa {
    color: #FFD203;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.testimonial-bg-1 {
    background: url('video.jpg') no-repeat fixed center;
    background-size: cover; 
}

.circle-testimonial-item {
    background: rgba(0,0,0,.3);
    border: 1px dotted #000;
    font-family: 'Droid Arabic Kufi', sans-serif;
    font-size: 16px;
    margin-top: 30px;
    padding: 20px 7px;
}
.circle-testimonial-item h4 {
    color:#fff;
    font-style: normal;
    text-align: right;
    text-transform: uppercase;
}
.circle-testimonial-item h4 span {
    color:#fff;
    display: block;
    text-transform: none;
}
.circle-testimonial-item img {
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    background-color: #fff;
    border-radius: 75px;
    border: 1px solid #EAEAEA;
    display: block;
    height: 150px;
    margin: 0 auto 10px;
    padding: 5px;
    transition: all 0.9s;
    width: 150px;
}
.circle-testimonial-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.testimonial-section-heading p {
    font-style: normal;
    padding: 5px 20px;
    text-align: center;
}
.testimonial-slider-wrapper {
    background-color: #222222;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    font-size: 24px;
    padding: 60px 0px 90px;
    position: relative;
}
.testimonial-slider-wrapper.section-white {
    background-color: #fff;
    color: #222;
}
.testimonial-slider-wrapper.section-white .owl-nav div {
    color: #222;
}
.testimonial-slides .owl-nav div {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #ffffff;
    font-size: 19px;
    height: 40px;
    line-height: 1.5;
    margin-top:20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    width: 40px;
}

.testimonial-slides .owl-nav {
    float: right;
    margin-right: 50px;
}

.testimonial-slides .owl-nav div.owl-next {
    margin-left: 25px;
}
.testimonial-slides .owl-nav div:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.testimonial-slider-wrapper > h2 {
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}

.testimonial-slider-wrapper h4 {
    font-size: 17px;
    margin: 20px 0 0;
}
.testimonial-slider-wrapper h4 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
}

.testimonial-slider-wrapper ul {
    margin-top: 15px;
}
.testimonial-slide-item-table {
    display: table;
    height: 100%;
    width: 100%;
}
.testimonial-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.testimonial-slider-wrapper h1, .testimonial-slider-wrapper .chipsofic-subtitle {
  color: #fff;
}

/*-----------------------------
13. Blog Section
-------------------------------*/
.blog-bg-1 {
    background-image: url(blog-bg-1.png)
}
.blog-bg-2 {
    background-image: url(blog-bg-2.png)
}
.blog-bg-3 {
    background-image: url(blog-bg-3.png)
}
.blog-preview {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    height: 220px;
    margin-bottom: 20px;
}

.post-meta {
    font-size: 12px;
}
.post-meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-meta i.fa {
    margin-right: 5px;
}
.post-meta ul li:last-child {
    margin-right: 0;
}
.post-meta ul li {
    display: inline-block;
    margin-right: 10px;
}

/*-----------------------------
14. Blog Single Section
-------------------------------*/

.single-blog-item {
    background-color: #ffffff;
    box-shadow: -2px 0 9px -2px #dddddd;
    color: #6e6e6e;
    display: block;
    margin: 50px 0 0;
    padding: 15px;
}

.single-blog-item h3 {
    color: #222222;
    font-size: 20px;
    margin: 0 0 10px;
}
.single-blog-item > p {
    margin-top: 6px;
}
.single-blog-item.list {
    border-bottom: 1px dotted #e0e0e0;
    box-shadow: none;
}
.single-blog-item:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #6e6e6e;
    cursor: pointer;
    opacity: 0.8;
    text-decoration: none;
}

.blog-single-modal img {
  
  padding: 10px 0px 10px 15px;
  width: 50%;
}
.blog-single-modal {
  padding: 10px 25px;
}
.blog-single-modal .post-meta {
  padding-bottom: 10px;
}

/*-----------------------------
15. Coupon/Newsletter Section
-------------------------------*/

.newsletter-block {
    background: #01abd1  url('scissors.png') no-repeat scroll right bottom;
    color: #fff;
}

.newsletter-block h2 {
    color: #fff;
}

.newsletter input[type=email], .newsletter input[type=text] {
    border-radius: 0;
    border: 1px solid #ccc;
    height: 45px;
}

.newsletter {
    width: 75%;
margin: 0 auto;
}

/*-----------------------------
16. Purchase Section
-------------------------------*/

.purchase-block {
    background: url('purchase-bg.jpg') no-repeat fixed center;
    background-size: cover; 
}

.purchase-block h1, .purchase-block .chipsofic-subtitle {
    color:#fff;
}

.purchase.now {
  margin-top: 50px;
}

.btn-right {
    float: right;
}

.btn-left {
    float: left;
}

/*-----------------------------
17. Footer Section
-------------------------------*/

/* 17.1 Footer Top */

.footer-logo {
    display: inline-block;
    margin: 0;
    max-width: 300px;
    padding: 0 30px 10px 0;
}
.footer-social i.fa {
    font-size: 22px;
}
.footer-social i.fa:hover {
    color: #02aad1;
}
.footer-social ul li {
    display: inline-block;
    margin-right: 5px;
}
.footer-social ul li:last-child {
    margin-right: 0px;
}
.footer-top-area {
    background: #f8f8f8;
    border-top: 0px solid #f8f8f8;
}
.footer-top-area,
.footer-top-area a {
    color: #4d5f60;
font-weight: 300;
}
.footer-widget {
    padding: 40px 0;
}
.footer-widget i.fa {
    color: #acaead;
    padding-right: 5px;
}
.footer-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-widget a:hover {
    color: #acaead;
    text-decoration: none;
}
        
/* 17.2 Copyright */

.footer-copyright-area {
    background-color: #01abd1 ;
    color: #ffffff;
    padding: 5px 0 15px;
}
.footer-copyright-area a {
    color: #ffffff;
    font-family: open sans;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1.5px;
}
.footer-copyright-area a:hover {
    color:#f8f8f8;
    text-decoration: none;
}

.go-top {
	background-color: rgba(0, 0, 0, 0.4);
	bottom: 2em;
	color: white;
	display: none;
	font-size: 12px;
	padding: 1em;
	position: fixed;
	right: 2em;
	text-decoration: none;
    z-index: 999;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.8);
}
/*-----------------------------
17. Contact Form Section
-------------------------------*/

.contact-info-block {
  margin-top: 50px;
}
.contact-info-block ul {
  list-style: none;
  padding: 0;
  font-weight: bold;
}
.contact-info-block ul a {
  color: #333333;
}
.contact-info-block ul a:hover {
  text-decoration: none;
}
.contact-info-block i.fa {
  padding-right: 9px;
}
.contact-info-block ul li {
  padding-bottom: 5px;
}

.contact-form {
    margin-top: 50px;
}
.contact-form label {
    display: block;
    font-weight: 400;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 7px;
    width: 100%;
    color: #4d5f60;
}
.contact-form input:focus, .contact-form textarea:focus {
    border: 1px solid #fe7e17;
}
.contact-form textarea {
    height: 100px;
}
.contact-form input[type="submit"] {
    border-radius: 3px;
    color: #ffffff;
    width: 100%;
}
.contact-form input[type="submit"]:hover {
    background-color: #222;
    color: #ffffff;
}
.contact-form.wide-form {
    border: none;
    box-shadow: none;
    color: #222;
}
.contact-form.wide-form input[type="submit"] {
    border: 1px solid #fff;
}

.chipsofic-fullwidth-btn {
    background: transparent;
    border: 2px solid #01abd1;
    color: #01abd1;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
    padding: 12px;
}

.chipsofic-fullwidth-btn:hover {
    background: rgba(159,205,227,.4);
    color: #01abd1;
}
.txt-center{text-align: center !important}
.cbp-af-header {height: 70px !important}
.footer-info ul li {
    display: block;
    color: #4d5f60;
font-weight: 300;
}
div.page {
    width: 100%;
    margin: 0px !important;
    overflow-x: hidden !important;
    padding: 0px 0px;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden !important;
    background-position: center center !important;
}
.mg-top-2{margin-top: 2% !important}
.h3, h3 {font-size: 18px !important}
.cart img {
    -webkit-transition: all 0.4s ease 0s;
    max-height: 30px;
    transition: all 0.4s ease 0s;
}
.container{margin: 0 auto;
position: relative;}
.slider-title { font-weight: 600 !important;}
.slider-subtitle { font-weight: 300 !important;font-size: 55px !important;}   
 .right-alg {text-align: right}  
.about-h1 {color: #01abd1 !important;font-weight: normal !important;line-height: 1em;text-transform: uppercase;margin-top: 46px !important;margin-bottom: 30px !important;}
.image-text {width: 80%;margin: 0 auto;margin-top: 3%;line-height: 50px;color: #fff;}
.image-title {color: #fff;font-weight: 300;}
.white-text{color: white !important}
.marg-top-div {margin-top: 75px}
.padding-zero {padding: 0px !important}
.width-full {width: 100% !important}
.contact-pad {padding: 80px;padding-top: 60px;padding-bottom: 30px;}
.cart-img {max-height: 25px !important;    cursor: pointer;}
.lang {letter-spacing: 0px !important;font-family: 'futura-pt,sans-serif', sans-serif;    font-size: 16px !important;}
.lang-li {margin-left: 50px;}
.quantity {    background: transparent;
    border: 2px solid #01abd1;
    color: #01abd1;
    font-weight: 300;
    margin-top: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
      width: 80%;}
    .f-right {float: right}
    .desktop-chat {max-width:50% }
    
    
 @media (min-width:1200px) {
  .header-area {
    height:700px;
  }
  .top-area {padding: 20% 0 14.5%;}
}
@media (min-width:1600px) {
  .header-area {
    height:1000px;
  }
  .top-area {padding: 30% 0 14.5%;}
}
.responsive-menu-wrap {left: 15px; right: auto !important}
@media (max-width:480px) {
    .mobile-center {text-align: center;}
 .desktop-chat {max-width:100px !important}
 .blog-single-modal img {height: 200px ;
    width: auto !important;}
    .single-chips-item {margin-bottom:5px !important}
    .choose-our-chips-content-area h3 {font-size: 18px !important}
    .h3, h3 {line-height: 30px;}
    .image-text {width: 100%;}
    .marg-top-div {margin-top: 15px;}

}

ul {
    padding: 0;
    margin: 0;
    list-style: none !important;}

    .form-control {font-family: 'Droid Arabic Kufi', sans-serif !important;}

    @media (min-width: 992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}
    }

    @media (max-width:480px) {
        .mobile_line{line-height: 4;padding-right: 155px;
        }
        .mobile_direction{    direction: rtl;}
        .mobile_product{display: -webkit-box;

            direction: ltr;
            border-bottom: 1px solid #adadad;}
            
           
.cbp-af-header h1, .cbp-af-header nav a {
    line-height: 65px;
}

.choose-our-chips-content-area img {
    max-width: 160px !important;
    padding: 6px;
    height: auto;
}
.quantity {

    padding: 10px;

    width: 80%;
    height: 40px !important;
     margin-top: 0px; 
    text-align: center;
            }
            
            .choose-our-chips-content-area .pricing {
    direction: rtl !important;
 
}
            
    }