/*----------------------------------------------------
@File: Default Styles
@Author: Rocky
@URL: http://wethemez.com
Author E-mail: rockybd1995@gmail.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Cerative Agency
@Author: Rocky
@Developed By: Rocky
@Developer URL: http://rocky.wethemez.com
Author E-mail: rockybd1995@gmail.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ banner
05/ slider
06/ feature
07/ button
08/ service
09/ testimonials 
10/ blog 
11/ contact 
12/ footer 
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700");
.col-md-offset-right-1, .col-lg-offset-right-1 {
  margin-right: 8.33333333%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
  list-style: none;
  margin: 15px;
  padding: 0px;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

.row.m0 {
  margin: 0px;
}

.p0 {
  padding: 0px;
}
i{margin-right:7px;color:#998dff}
body {
  line-height: 25px;
  font-size: 17px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #7c8d93;
}

body, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}
p {
  margin: 5px;
  padding: 10px;
}
h1, h2, h3 {color:#0b1033; padding: 10px;}
.section-padding{padding-top:50px;padding-bottom:60px;text-align: justify;overflow: hidden;}
#success {
  display: none;
}

#error {
  display: none;
}
strong{color:#35454a}
.display_table {
  display: table;
  width: 100%;
}

.display_table_row {
  display: table-row;
}

.display_table_cell {
  display: table-cell;
  float: none !important;
}

.p_100 {
  padding: 100px 0px;
}

iframe {
  border: none;
}

i:before {
  margin-left: 0px !important;
}

/* Main title css
============================================================================================ */
.c_title {
  text-align: center;
  padding-bottom: 40px;
}

.c_title img {
  padding-bottom: 30px;
}

.c_title h6 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #7c8d93;
   padding-top: 30px;
  padding-bottom: 10px;
}

.c_title h2 {
  font-size: 48px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.c_title h3 {
  font-size: 28px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.l_title {
  padding-bottom: 55px;
}
.l_title h3 {
  font-size: 28px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  display:inline-block;
}
.l_title img {
  padding-bottom: 30px;
  display:inline-block;
}

.l_title h6 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #7c8d93;
  padding-bottom: 10px;
}

.l_title h2 {
  font-size: 48px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.l_title h2 span {
  font-style: italic;
  color: #6fbbfe;
}

/* Main title css
============================================================================================ */
/*---------------------------------------------------- */



/*----------------------------------------------------*/
/* Main Menu Area css
============================================================================================ */
.main_menu_area {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 30;
  padding: 0px 45px;
}

.main_menu_area .navbar {
  padding: 0px;
  border-radius: 0px;
  background-color: transparent !important;
}

.main_menu_area .navbar .navbar-toggler {
  border: none;
  border-radius: 0px;
  padding: 0px;
}

.main_menu_area .navbar .navbar-toggler span {
  height: 4px;
  width: 30px;
  display: block;
  background: #0b1033;
  margin-bottom: 5px;
  margin-right:15px;
}

.main_menu_area .navbar .navbar-toggler span:last-child {
  margin-bottom: 0px;
}
.megamenu {
  position: static;
}

.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 70%;
}
@media (min-width: 992px) {
  .main_menu_area .navbar .navbar-collapse {
    text-align: right;
    display: block !important;
  }
}

.main_menu_area .navbar .navbar-nav {
  display: inline-block;
  text-align: right;
}

.main_menu_area .navbar .navbar-nav li {
  display: inline-block;
  margin-right: 55px;
}

.main_menu_area .navbar .navbar-nav li a {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: .65px;
  padding: 0px;
  line-height: 118px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.main_menu_area .navbar .navbar-nav li:last-child {
  margin-right: 0px;
}

@media (min-width: 992px) {
  .main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    display: block;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    min-width: 300px;
    background: #171717;
    left: auto;
    right: 0px;
    top: 90%;
    border-radius: 0px;
    border: none;
    padding: 20px 0px 20px 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    visibility: hidden;
  }
}
@media (min-width: 992px) and (max-width:1200px){
.main_menu_area .navbar .navbar-nav li {
  display: inline-block;
  margin-right: 15px;
}
}
.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li {
  margin-right: 0px;
  display: block;
}

.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li a {
  display: block;
  line-height: 38px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  letter-spacing: .48px;
  font-size: 16px;
  padding: 0px 30px;
  text-transform: inherit;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  font-weight: normal;
  text-shadow: none;
}

.main_menu_area .navbar .navbar-nav li.submenu .dropdown-menu li:hover a {
  color: #97ccfe;
}

@media (min-width: 992px) {
  .main_menu_area .navbar .navbar-nav li:hover.submenu .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
  }
}
.main_menu_area .navbar .navbar-nav li.active a {
  color: #0b1033;
}
.main_menu_area .navbar .navbar-nav li:hover a {
  color: #0b1033;
}

.main_menu_area.navbar_fixed {
  position: fixed;
  width: 100%;
  top: -70px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(70px);
  -ms-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: background 500ms ease, -webkit-transform 500ms ease;
  transition: background 500ms ease, -webkit-transform 500ms ease;
  -o-transition: transform 500ms ease, background 500ms ease;
  transition: transform 500ms ease, background 500ms ease;
  transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease;
  -webkit-transition: transform 500ms ease, background 500ms ease;
  z-index: 999999;
}

.main_menu_area.navbar_fixed .navbar .navbar-nav li a {
  line-height: 70px;
}

/* End Main Menu Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Banner Area css
============================================================================================ */
.banner_area {
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.banner_area:before {
  content: "";
  background: url(../img/banner/banner-bg.png) no-repeat scroll center right;
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  margin:0px;
  height: 100%;
  max-width: 1233px;
  width: 100%;
}

.banner_inner_text {
  padding-top: 200px;
  position: relative;
  padding-bottom: 45px;
}

.banner_inner_text:before {
  content: "";
  width: 213px;
  height: 2px;
  position: absolute;
  background: #bcbfd1;
  left: 20px;
  bottom: 0px;
}

.banner_inner_text h1 {
  font-size: 72px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

.banner_inner_text p {
  font-size: 24px;
  color: #6b7d8e;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  padding-top: 15px;
}

.home-banner{
	background: url(../img/banner/slider-bg-1.png) no-repeat center center;
	background-size: 100% 100%;
	width:100%;
	height:900px;
	color: #0b1033;
	padding-top:3%;
}
.home-banner .banner-text{padding-top:20%}
.home-banner h2{font-size:4rem;}
.home-banner h3{font-size:3.5rem;}
/* End Banner Area css
============================================================================================ */
/*---------------------------------------------------- */

/*===================== Who sarps css============================================================================================ */
.who-sarps{padding-top:40px;padding-bottom:40px;}
.who-sarps .nav{border-left:2px solid #cccccc}
.who-sarps a{color:#0b1033;}
.who-sarps .nav .active{color:#9b8aff; border-left: 5px;border-top:0px;border-bottom:0px;border-right:0px;
    border-style: solid;
    border-image: -moz-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -o-border-image: -o-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#9b8aff), to(#6ebcfe));
    border-image: linear-gradient(to bottom, #9b8aff 0%, #6ebcfe 100%);
    border-image-slice: 1;}

/* Testimonials Slider css
============================================================================================ */
.testimonials{margin:auto;text-align:center;padding-top:0px;padding:80px;}
.testi-box1{width:50px;height:50px;
    background-image: -moz-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -webkit-background-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    background-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -o-background-image: -o-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9b8aff), to(#6ebcfe));
    background-image: linear-gradient(to bottom, #9b8aff 0%, #6ebcfe 100%);
    background-image-slice: 1;position:relative;z-index:1;top:25px;left:25px;color:#ffffff;font-size:30px;padding:12px}
.testi-box1 i{color:#ffffff}
.testi-box{width:100%;background-color:#fff;-webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.15);padding:28px 4%;position:relative;min-height:155px;margin-bottom:30px;}
.testi-box-icon{width:40px;position:absolute;bottom:-16px;left:40px;}
.testi-box p{font-size:17px;color:#333;font-weight:400;line-height:23px;margin-bottom:20px;text-align:justify}
.testi-col{text-align:center;margin-top:30px;}
.testi-col img{margin-right:30px;float:left;}
.testi-col h4{font-size:18px;color:#15095e;font-weight:600;display:block;padding:30px 0 5px;margin:0;display:block;}
.testi-col a{font-size:17px;color:#333;font-weight:400;}
.testi-gap{margin-bottom:40px;}.modal-title{font-size:16px;color:#444;font-weight:600;}
.testimonial-author{width:100px;height:100px;padding:0px;background:#ffffff;display:block;text-align:center;margin:auto}
.testimonial-author img{width:100%;height:auto;display:block;margin:auto;vertical-align:middle;border-radius:100%;border:1px solid #444;}
.testi-box .modal{top:15%;}.testimonials-text{top:100px;position:relative;}
.testi-box button{float:right;}


.testimonials_area {
  padding-top: 130px;
  padding-bottom: 130px;
  border-bottom: 1px solid #bbbec1;
}

.testimonials_slider {
  position: relative;
}

.testimonials_slider:before {
  content: "";
  background: url(../img/3d-shap.png) no-repeat scroll center center;
  height: 600px;
  max-width: 524px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: -210px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.testimonials_slider .owl-item.center {
  color: #fff;
}

.testimonials_slider .owl-item.center h3 {
  color: #fff;
}

.testimonials_slider .owl-item.center p {
  color: #fff;
}

.testimonials_slider .owl-item.center .media .media-body h5 {
  color: #fff;
}

.testimonials_slider .testi_item h3 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #0b1033;
}

.testimonials_slider .testi_item p {
  font-size: 15px;
  color: #7c8d93;
  line-height: 28px;
  font-weight: normal;
  padding: 20px 0px 55px 0px;
}

.testimonials_slider .testi_item .media .d-flex {
  padding-right: 20px;
}

.testimonials_slider .testi_item .media .media-body h4 {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #0b1033;
  padding-bottom: 8px;
}

.testimonials_slider .testi_item .media .media-body h5 {
  font-family: "Roboto", sans-serif;
  color: #7c8d93;
  font-weight: 500;
  font-size: 12px;
}

.testimonials_slider .owl-dots {
  text-align: center;
  z-index: 4;
  margin-top: 50px;
}

.testimonials_slider .owl-dots .owl-dot {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  margin-right: 8px;
}

.testimonials_slider .owl-dots .owl-dot:last-child {
  margin-right: 0px;
}
/*------------------------------------feature carousel------------------------------*/

.campaign_area {
  padding-top: 10px;
  padding-bottom: 10px;
}

.campaign_slider {
  position: relative;
}
.campaign_slider .testi_item{ border-radius:10px;margin:10px;margin-top:30px;margin-bottom:40px;padding:15px;box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.13);width:300px;height:auto;}

.campaign_slider .testi_item h4 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-align:center;
  color: #0b1033;
}

.campaign_slider .testi_item p {
  font-size: 17px;
  color: #7c8d93;
  line-height: 28px;
  font-weight: normal;
  padding: 10px;
  text-align:justify;
}
.campaign_slider .testi_item .img{width:150px;height:150px;margin:auto;text-align:center;}

/* End Testimonials Slider css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Feature Area css
============================================================================================ */
.feature_area {
  padding-top: 70px;
}

.feature_item {
  text-align: center;
  padding: 30px 0px 40px 0px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  margin-bottom:30px;
}

.feature_item .f_icon {
  min-height: 91px;
  position: relative;
}

.feature_item .f_icon img {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.feature_item .s_icon {
  min-height: 120px;
  position: relative;
}

.feature_item .s_icon img {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width:140px;height:140px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
   border:.5px solid #000000;
   padding:10px;
}
.feature_item h4 {
  color: #0b1033; 
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  padding: 45px 0px 20px 0px;
}

.feature_item p {
  font-size: 15px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #7c8d93;
  font-weight: 500;
  max-width: 290px;
  margin: auto;
  padding-bottom: 60px;
}

.feature_item .more_btn {
  opacity: 0;
}

.feature_item:hover {
  -webkit-box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
}

.feature_item:hover .more_btn {
  opacity: 1;
}

.services-item {
  padding: 30px 10px 40px 10px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  margin-bottom:30px;
}
.services-item h4{text-align:center;color:#1e2869;margin-bottom:30px;}
.services-item li{margin-left:10px}
.services-item i{color: #998dff; padding-right: 5px;}
.services-item:hover {
  -webkit-box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.11);
}
/* End Feature Area css

/*----------------------------------------------------*/
/* home About Area css
============================================================================================ */
.about_area {
  padding-top: 20px;
}

.about_item {
  text-align: center;
  padding: 20px 0px 60px 0px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.about_item .f_icon {
  min-height: 100px;
  position: relative;
}

.about_item .f_icon img {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about_item h4 {
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 24px;
  padding: 45px 0px 20px 0px;
}

.about_item p {
  font-size: 15px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #7c8d93;
  font-weight: 500;
  max-width: 290px;
  margin: auto;
  padding-bottom: 20px;
}

/*============================================================================================ */

/* Challange Area css
============================================================================================ */
.challange_area {
  overflow: hidden;
}
.challange_area  i{color: #998dff;padding-right:5px;}
.challange_text_inner {
  width: 100%;
  text-align: justify;
}

.challange_text_inner p {
  font-size: 15px;
  line-height: 28px;
  color: #7c8d93;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding-right: 25px;
}

.challange_text_inner .c_video {
  padding-top: 35px;
}

.challange_text_inner .c_video a {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #0b1033;
}

.challange_text_inner .c_video a img {
  padding-right: 15px;
}

.challange_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.challange_img .challange_img_inner {
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-shadow: 0px 27px 68px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 27px 68px 0px rgba(0, 0, 0, 0.4);
}

/* End Challange Area css
============================================================================================ */
/* We Are Company Area css
============================================================================================ */

.talk_area {
  background-image: -moz-linear-gradient(10deg, #6ebdfe 0%, #9b8aff 100%);
  background-image: -webkit-linear-gradient(10deg, #6ebdfe 0%, #9b8aff 100%);
  background-image: -ms-linear-gradient(10deg, #6ebdfe 0%, #9b8aff 100%);
  padding: 60px 0px 70px 0px;
  border-bottom: 2px solid #fff;
  color:#ffffff;
}

.talk_text {
  text-align: center;
}

.talk_text h4 {
  font-size: 42px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  padding-bottom: 26px;display:inline-block;
}

.talk_text a {
  font-size: 38px;
  color: #fff;
  border-bottom:1.5px solid #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 600;line-height:44px;
  display:inline-block;
}
.talk_text img{margin:auto;margin-right:50px;border:none}

/* End We Are Company Area css
============================================================================================ */

/*----------------------------------------------------*/
/* Button Area css
============================================================================================ */
.more_btn {
  padding: 0px 36px;
  background-image: -webkit-gradient(linear, left top, right top, from(#6fbcfe), color-stop(51%, #998dff), to(#6fbcfe));
  background-image: -webkit-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
  background-image: -o-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
  background-image: linear-gradient(to right, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 45px;
  border: 2px solid rgba(204, 241, 255, 0.5);
  border-radius: 33px;
}

.more_btn:hover {
  background-position: right center;
  color: #fff;
}

.submit_btn {
  background-image: -webkit-gradient(linear, left top, right top, from(#70bafe), color-stop(51%, #998dff), to(#70bafe));
  background-image: -webkit-linear-gradient(left, #70bafe 0%, #998dff 51%, #70bafe 100%);
  background-image: -o-linear-gradient(left, #70bafe 0%, #998dff 51%, #70bafe 100%);
  background-image: linear-gradient(to right, #70bafe 0%, #998dff 51%, #70bafe 100%);
  background-size: 200% auto;
  z-index: 2;
  width: 176px;
  padding: 0px;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #fff;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 58px;
  border: 6px solid rgba(204, 241, 255, 0.5);
  border-radius: 33px;
}

.submit_btn:hover {
  background-position: right center;
  color: #fff;
}

.submit_btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: 6px solid rgba(204, 241, 255, 0.5);
}

.solid_btn {
  padding: 0px 53px;
  background: #6fbcfe;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 55px;
  border: 6px solid rgba(204, 241, 255, 0.5);
  border-radius: 33px;
}

.solid_btn:hover {
  background-position: right center;
  color: #fff;
}

/* Button Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Get In Touch Area css
============================================================================================ */
.get_in_touch_area {
  padding-top: 100px;
}

.contact_us_form {
  margin-top: 100px;
}

.contact_us_form .form-group {
  margin-bottom: 5px;
}

.contact_us_form .form-group input {
  height: 50px;
  border: none;
  border-bottom: 2px solid #e1e1e1;
  border-radius: 0px;
  padding: 0px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group input.placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group input:-moz-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group input::-moz-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group input::-webkit-input-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group input:focus {
  border-image: -moz-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  -webkit-border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -ms-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image-slice: 1;
}

.contact_us_form .form-group textarea {
  height: 200px;
  border: none;
  border-bottom: 2px solid #e1e1e1;
  border-radius: 0px;
  padding: 15px 0px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
  resize: none;
}

.contact_us_form .form-group textarea.placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group textarea:-moz-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group textarea::-moz-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group textarea::-webkit-input-placeholder {
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #a5bbd0;
}

.contact_us_form .form-group textarea:focus {
  border-image: -moz-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  -webkit-border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -webkit-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image: -ms-linear-gradient(0deg, #6ebdfe 0%, #9b8aff 100%);
  border-image-slice: 1;
}

.contact_us_form .form-group:last-child {
  margin-top: 40px;
}

.touch_details {
  margin-left: 90px;
}

.touch_details p {
  font-size: 15px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #7c8d93;
}

.touch_details h5 {
  font-size: 18px;
  color: #97ccfe;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  display: block;
  padding: 50px 0px 20px 0px;
}

.touch_details h4 {
  font-size: 30px;
  color: #0b1033;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

/* End Get In Touch Area css
============================================================================================ */

/* Contact Map Area css
============================================================================================ */
.contact_map_area {
  position: relative;
  overflow: hidden;
}

.contact_map_area iframe{}
/* End Contact Map Area css
============================================================================================ */
/* Contact Success and error Area css
============================================================================================ */
.modal-message .modal-dialog {
  position: absolute;
  top: 36%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important;
  margin: 0px;
  max-width: 500px;
  width: 100%;
}

.modal-message .modal-dialog .modal-content .modal-header {
  text-align: center;
  display: block;
  border-bottom: none;
  padding-top: 50px;
  padding-bottom: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  right: -15px;
  top: -15px;
  padding: 0px;
  color: #fff;
  opacity: 1;
  cursor: pointer;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
  display: block;
  text-align: center;
  color: #97ccfe;
  padding-bottom: 10px;
}

.modal-message .modal-dialog .modal-content .modal-header p {
  display: block;
}

/* End Contact Success and error Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Circle Chart Area css
============================================================================================ */
.circle_chart_area {
  padding: 85px 0px 80px 0px;
}

.circle_progress .circle_progress_inner {
  position: relative;
  max-width: 175px;
  margin: auto;
}

.circle_progress .circle_progress_inner strong {
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  text-align: center;
  font-size: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #0b1033;
  margin-top: -13px;
}

.circle_progress .circle_progress_inner h4 {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #7c8d93;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  margin-top: 18px;
}

.circle_progress .circle_progress_inner .percentage {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 2px;
  background: #80cfff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #80cfff 0%, #997aff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #80cfff 0%, #997aff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#80cfff), to(#997aff));
  background: -o-linear-gradient(left, #80cfff 0%, #997aff 100%);
  background: linear-gradient(to right, #80cfff 0%, #997aff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80cfff', endColorstr='#997aff',GradientType=1 );
  /* IE6-9 */
}

.circle_progress .circle_progress_inner .percentage:after {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  background: #fff;
}

/* End Circle Chart Area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Portfolio Area css
============================================================================================ */
.portfolio_filter{margin:auto;text-align:center;margin-bottom:40px;}
.portfolio_filter button {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #7e8d9c;
  display: inline-block;
  border:none;
  background:#ffffff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.portfolio_filter .active {
  color: #0b1033;
  border-bottom:2px solid #9b75ff;border-radius:0px;
}
.portfolio-data {margin:auto;text-align:center}
.filterDiv {
  float: left;
  text-align: center;
  margin: 10px;
  display: none;
  border:1px solid;margin:20px;
}
.filterDiv .img {
  width: 280px;height:300px;margin:10px;
}
.filterDiv h4{
  text-align:center;color:#0b1033;
}
.filterDiv p{
  text-align:center;
}
.show {
  display: block;
}
.modal{z-index:999999;background:rgba(0,0,0,0.4);width:auto;height:auto;padding:40px;margin:auto;text-align:center;overflow:auto;}
.modal .close{font-size:2.5rem;color:#000000;z-index:999999}
.modal-content {margin:auto;text-align:justify;background:#ffffff;}
.modal-content img{height:auto;width:100%}

/* End Portfolio Area css
============================================================================================ */
/*Accordion css
============================================================================================ */
.solution_collaps {
  margin-top: 60px;
}

.solution_collaps .card {
  margin-bottom: 25px;
  border: none;
}

.solution_collaps .card:last-child {
  margin-bottom: 0px;
}

.solution_collaps .card .card-header {
  padding: 0px;
  border: none;
  background-color: transparent;
}

.solution_collaps .card .card-header h5 a {
  background: #79ccff;
  background: -moz-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
  background: -webkit-linear-gradient(left, #79ccff 0%, #9b75ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79ccff', endColorstr='#9b75ff',GradientType=1 );
  display: block;
  color: #fff;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 11px 25px 11px 20px;
  line-height: 26px;
  position: relative;
}

.solution_collaps .card .card-header h5 a i {
  display: inline-block;
  font-style: normal;
  position: absolute;
  right: 20px;
  line-height: 30px;
  top: 50%;
  color:#ffffff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.solution_collaps .card .card-header h5 a i + i {
  display: none;
}

.solution_collaps .card .card-header h5 .collapsed i {
  display: none;
}

.solution_collaps .card .card-header h5 .collapsed i + i {
  display: inline-block;
}

.solution_collaps .card .card-body p {
  font-size: 15px;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: #7c8d93;
}

/*----------------------------------------------------*/
/* Footer Area css
============================================================================================ */
.footer_widget_area {
  background: url(../img/footer-bg.jpg) no-repeat scroll center center;
  background-size: cover;
 color:#fff;
}

.footer_widget_inner{ background:rgba(0,0,0,.1);padding: 50px 20px 30px 30px;}
.f_title {
  padding-bottom: 45px;
}

.f_title h3 {
  font-size: 20px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
.f_widget a{color:#fff}
.f_widget i{color:#fff;margin-right:7px;}
.f_about_widget {
  padding-right: 15px;
}

.f_about_widget img {
  margin-bottom: 35px;
}

.f_about_widget p {
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.footer_copyright {
  overflow: hidden;
  background: #11173b;
  padding: 30px 0px;
}

.footer_copyright .float-sm-left h5 {
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 29px;
}

.footer_copyright .float-sm-right ul li {
  display: inline-block;
  margin-right: 32px;
}
.footer_copyright .float-sm-right ul li a  i{color:#ffffff}
.footer_copyright .float-sm-right ul li a {
  font-size: 14px;
  color: #ffffff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.footer_copyright .float-sm-right ul li:last-child {
  margin-right: 0px;
}

.footer_copyright .float-sm-right ul li:hover a {
  color: #fff;
}

/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */
.address{padding:10px;}
.address:hover{border: 2px;border-style: solid;border-radius:10px;border-image: -moz-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    -o-border-image: -o-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#9b8aff), to(#6ebcfe));
    border-image: linear-gradient(to bottom, #9b8aff 0%, #6ebcfe 100%);
    border-image-slice: 1;}
	
/**************************************Shared advantages******************************************************/	
.adv-block{ border-radius:10px;margin:10px;margin-top:30px;margin-bottom:40px;padding:5px;box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.13);width:330px;height:390px}
.adv-block .img{margin:auto;text-align:center;margin:30px;}
.adv-block h4{margin:auto;text-align:center;color: #0b1033;}

.options{text-align:center;margin:auto;padding-left:7%;padding-right:7%;}
.option-block{width:200px;height:200px;text-align:center;margin:auto;margin-bottom:60px;padding:5px;padding-top:2%;}
.option-block p{line-height:20px;color:#0b1033}
.content{text-align:center;margin:auto;}
	
/**************************************Reseller page******************************************************/	
.reseller{margin:auto;padding-left:10%;}
.reseller-block{ border-radius:10px;margin:10px;margin-top:30px;margin-bottom:40px;padding:5px;box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.13);width:350px;height:auto}
.reseller-block .img{margin:auto;text-align:center;margin:30px;}
.reseller-block h4{margin:auto;text-align:center;color: #0b1033;}
/**************************************Branding page******************************************************/	
.brand{margin:auto;text-align:center}
.brand-block{ border-radius:10px;margin:10px;margin-top:30px;margin-bottom:40px;padding:10px;padding-bottom:15px;box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.13);width:200px;height:auto}
.brand-block .img{margin:auto;text-align:center;margin:30px;}
.brand-block h4{font-size:1.2rem;margin:auto;text-align:center;color: #0b1033;}

.branding{background:#ffffff url(../img/branding-icon/successful_Branding.png) no-repeat center center;background-size:100% 100%;height:400px}
.brand-info{padding:20px;width:220px;margin:30px;margin-top:50px;}
.brand-info h3{text-align:center;font-size:3.2rem}
.brand-info p{text-align:center;font-size:20px}
.branding-sm{display:none;margin:auto;text-align:center}
/**************************************VPS page******************************************************/	
.vps{text-align:center;margin:auto;}
.vps-block{width:150px;height:300px;text-align:center;margin:auto;margin-bottom:60px;padding:5px;padding-top:2%;}

.vps-block p{line-height:20px;color:#0b1033;padding-top:40px;}
/*----------------------------bg-animations------------------*/	
.shap-bg {
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 130px;
    height:130px;
    margin: auto;
    position: relative;
    background-color: #b8addd;
    background-image: linear-gradient(-45deg, #b8addd 0%, #b8addd 100%);
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    box-shadow: 15px 15px 50px rgba(0, 0, 0, .2);
    animation: one-animated 5s infinite;
    overflow: hidden
}
.shap-bg img{position: relative;top:0px;}
.shap-bg-1 {
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 130px;
    height:130px;
    margin: auto;
    position: relative;
    background-color: #e38bb6;
    background-image: linear-gradient(-45deg, #e38bb6 0%, #e38bb6 100%);
    border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
    box-shadow: 15px 15px 50px rgba(0, 0, 0, .2);
    animation: two-animated 6s infinite;
    overflow: hidden
}
.shap-bg-1 img{position: relative;top:0px;}
.shap-bg-2 {
    text-align: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 130px;
    height:130px;
    margin: auto;
    position: relative;
    background-color: #84c6e5;
    background-image: linear-gradient(-45deg, #84c6e5 0%, #84c6e5 100%);
     border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
    box-shadow: 15px 15px 50px rgba(0, 0, 0, .2);
    animation: three-animated 7s infinite;
    overflow: hidden
}
.shap-bg-2 img{position: relative;top:0px;}

@keyframes one-animated {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70% box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2)
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45% box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2)
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

@keyframes two-animated {
     0% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24% box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2)
    }
    25% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
    }
    50% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37% box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2)
    }
    75% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }
}

@keyframes three-animated {
     0% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%  box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.2)
    }
    25% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45%
    }
    50% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70% box-shadow: -10px -5px 50px rgba(0, 0, 0, 0.2)
    }
    75% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }
}
.careers-text{padding-top:150px;}
/*------------------------------campaign-aspects-----------------*/
.aspects{display:none;}
.aspect-lg{margin-top:60px;background:#ffffff url(../img/campaign-icon/Campaign_Infographic.png) no-repeat top center;height:700px}
.aspect-lg h4{position:relative;top:220px;left:44%;color: #0b1033;}
.info{position:relative;width:350px;height:auto;padding:15px;}
.info h3{font-size: 1.3rem;color:#fff;text-align:center; background-image: -webkit-gradient(linear, left top, right top, from(#7f7fcc), color-stop(51%, #d37aa7), to(#7f7fcc));
  background-image: -webkit-linear-gradient(left, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-image: -o-linear-gradient(left, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-image: linear-gradient(to right, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-size: 200% auto;    border-radius: 33px;}
  .info p{font-size:15px;text-align:justify}
 .aspect1{top:-100px;left:62%;} 
 .aspect2{top:15px;left:71%;} 
 .aspect3{top:10px;left:26%;} 
 .aspect4{top:-440px;left:-30px;} 
 .aspect5{top:-930px;left:5%;} 
 /*=========================Team===========================*/
 .team {  text-align: center;   margin: 30px;   cursor: pointer;}
 .teaminfo{border-radius: 10px;margin-top:5px;   padding: 10px; background-image: -webkit-gradient(linear, left top, right top, from(#7f7fcc), color-stop(51%, #d37aa7), to(#7f7fcc));
  background-image: -webkit-linear-gradient(left, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-image: -o-linear-gradient(left, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-image: linear-gradient(to right, #7f7fcc 0%, #d37aa7 51%, #7f7fcc 100%);
  background-size: 200% auto;    border-radius: 33px;}
  .teaminfo h3{font-size:1.5rem;color:#ffffff}
  .teaminfo h4{font-size:1rem;color:#000000}
/*=========================Sarps-store-services===========================*/
.services-sarps{display:none;}
.sarps-store{
	background:#ffffff url(../img/Sarpstechnologies_Store.png) no-repeat center;
	background-size:100% 100%;
	width:1900px;
	height:1817px;
	color: #0b1033;
	text-align:center;
}
.store-title h2{color:#ffffff;font-size: 48px;font-family: "Roboto", sans-serif;font-weight: 500;position:relative;top:15px}
.section-title{position:relative;top:85px;}
.section-title h3{color:#ffffff;}
.title-1{top:100px;}
.title-2{top:10px;}
.title-3{top:-80px;}
.title-4{top:-265px;}
.window{position:relative;width:175px;height:105px;padding:15px;}
.window:hover{
	 -webkit-box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);
	box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);
	background-color:#fff894}
.window .btn{opacity: 0;color:#0b1033; text-decoration-line: underline;font-weight:500;font-size:20px;}
.window:hover .btn {opacity: 1;}
.windows{position:relative;width:195px;height:120px;padding:15px;}
.windows:hover{
	 -webkit-box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);
	box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);
	background-color:#fff894}
.windows .btn{opacity: 0;color:#0b1033; text-decoration-line: underline;font-weight:500;font-size:20px;}
.windows:hover .btn {opacity: 1;}

.window-1 {top:180px;left:25.2%;}
.window-2 {top:75px;left:38.5%;}
.window-3 {top:-32px;left:51.9%;}
.window-4 {top:-135px;left:65.3%;}
.window-5 {top:100px;left:22.6%;}
.window-6 {top:-7px;left:37.75%;}
.window-7 {top:-110px;left:53.1%;}
.window-8 {top:-216px;left:68.1%;}
.window-9 {top:17px;left:19%;}
.window-10 {top:-85px;left:32.2%;}
.window-11 {top:-192px;left:45.1%;}
.window-12 {top:-297px;left:57.9%;}
.window-13 {top:-402px;left:71%;padding:0px;padding-top:15px;}
.window-14 {top:-172px;left:18.5%;}
.window-15 {top:-292px;left:34.5%;}
.window-16 {top:-412px;left:54.4%;}
.window-17 {top:-532px;left:70.45%;}

.light-1{
	position: relative;
	top:-615px;left:10.1%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-interation-count: infinite;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 20px;
	height: 25px;
	border-radius: 50%;
	background:#ffc905;
	box-shadow: 0px 4.66667px 24px 3px #ffc905;
	-webkit-animation-name: flash-11;
	animation-name: flash-11;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.light-2{
	position: relative;
	top:-1330px;left:87.8%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-interation-count: infinite;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 20px;
	height: 25px;
	border-radius: 50%;
	background:#ffc905;
	box-shadow: 0px 4.66667px 24px 3px #ffc905;
	-webkit-animation-name: flash-11;
	animation-name: flash-11;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}
.inner{background:#fff894;border-radius:46% 46% 0 0;width:115px;height:220px;position:relative;top:-930px;left:46.5%; -webkit-animation-name: lights;
	animation-name: lights;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-interation-count: infinite;}
	@-webkit-keyframes	lights{
	0%,100%{ -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 201, 5, 1);}
	50%{-webkit-box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);}
}
@-keyframes	lights{
	0%,100%{opacity:0%; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 201, 5, 1);}
	50%{opacity:100%;-webkit-box-shadow: -10px -10px 50px 20px rgba(255, 201, 5, 1);}
}
.left-door{background:url(../img/Left_Side_Door.png) no-repeat center;
	background-size:100% 100%;
	width:125px;height:233px;z-index:1;position:relative;top:-703px;left:44.8%;
	-webkit-animation-name: door1;
	animation-name: door1;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-interation-count: infinite;}
@-webkit-keyframes	door1{
	0%,100%{ transform:translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);}
	50%{transform:translateZ(0px) translateX(-30px) translateY(0px) rotateY(-100deg);}
}
@-keyframes	door1{
	0%,100%{ transform:translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);}
	50%{transform:translateZ(0px) translateX(-30px) translateY(0px) rotateY(-100deg);}
}
.right-door{background:url(../img/Right_Side_Door.png) no-repeat center;
	background-size:100% 100%;
	width:125px;height:233px;z-index:1;position:relative;top:-1156px;left:47.8%;
	-webkit-animation-name: door2;
	animation-name: door2;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-interation-count: infinite;}
@-webkit-keyframes	door2{
	0%,100%{ transform:translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);}
	50%{transform:translateZ(0px) translateX(30px) translateY(0px) rotateY(100deg);}
}
@-keyframes	door2{
	0%,100%{ transform:translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);}
	50%{transform:translateZ(0px) translateX(30px) translateY(0px) rotateY(100deg);}
}	
@-webkit-keyframes flash-11{
	0%, 100%{
		background: #ffc905;
		box-shadow: -5px -10px 50px 20px #ffc905;
	}
	50%{
		background: rgba(255, 201, 5, 0.4);
		box-shadow: -5px -10px 50px 20px rgba(255, 201, 5, .04);
	}
}
@keyframes flash-11{
	0%,
  100% {
    background: #ffc905;
    box-shadow: -5px -10px 50px 20px #ffc905;
  }
  50% {
    background: rgba(255, 201, 5, 0.4);
    box-shadow: -5px -10px 50px 20px rgba(255, 201, 5, 0.4);
  }
}
.strand {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin: -5px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%
}

.strand li {
    position: relative;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-interation-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 15px;
    display: inline-block;
    background: #ffc905;
    box-shadow: 0 4.66667px 24px 3px #ffc905;
    -webkit-animation-name: flash-1;
    animation-name: flash-1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.strand li:nth-child(2n+1) {
    background: #f9fbee;
    box-shadow: 0 4.66667px 24px 3px #f9fbee;
    -webkit-animation-name: flash-3;
    animation-name: flash-3;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s
}


.strand li:nth-child(odd) {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s
}

.strand li:nth-child(3n+1) {
    -webkit-animation: 1.4s;
    animation-duration: 1.4s
}

.strand li:last-child:after {
    content: none;
}

.strand li:first-child {
    margin-left: 5px
}

@-webkit-keyframes flash-1 {
    0%,
    100% {
        background: #ffc905;
        box-shadow: 0 4.66667px 24px 3px #ffc905
    }
    50% {
        background: rgba(255, 201, 5, .4);
        box-shadow: 0 4.66667px 24px 3px rgba(255, 201, 5, .02)
    }
}

@keyframes flash-1 {
    0%,
    100% {
        background: #ffc905;
        box-shadow: 0 4.66667px 24px 3px #ffc905
    }
    50% {
        background: rgba(255, 201, 5, .4);
        box-shadow: 0 4.66667px 24px 3px rgba(255, 201, 5, .2)
    }
}

@-webkit-keyframes flash-3 {
    0%,
    100% {
        background: #f9fbee;
        box-shadow: 0 4.6667px 24px 3px #f9fbee
    }
    50% {
        background: rgba(249, 251, 238, .4);
        box-shadow: 0 4.66667px 24px 3px rgba(249, 251, 238, .2)
    }
    @keyframes flash-3 {
        0%,
        100% {
            background: #F9FBEE;
            box-shadow: 0 4.66667px 24px 3px #F9FBEE
        }
        50% {
            background: rgba(249, 251, 238, .4);
            box-shadow: 0 4.66667px 24px 3px rgba(249, 251, 238, .2)
        }
    }
}
.owl-prev i {
    margin-top: -400px;
    background-image: -webkit-gradient(linear, left top, right top, from(#6fbcfe), color-stop(51%, #998dff), to(#6fbcfe));
    background-image: -webkit-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: -o-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: linear-gradient(to right, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-size: 200% auto;
	color:#ffffff;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: auto;
    left: -60px;
}
.owl-next i {
    margin-top: -400px;
    background-image: -webkit-gradient(linear, left top, right top, from(#6fbcfe), color-stop(51%, #998dff), to(#6fbcfe));
    background-image: -webkit-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: -o-linear-gradient(left, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-image: linear-gradient(to right, #6fbcfe 0%, #998dff 51%, #6fbcfe 100%);
    background-size: 200% auto;
	color:#ffffff;
    width: 60px;
    height: 60px;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    left: auto;
    right: -60px;
}
.modal-dialog{max-width:70%;}
.carousel-control-prev,.carousel-control-next{background-color:#000;color:#fff;padding:10px;width:50px;height:50px;top:50%}
.carousel-control-prev{left:-20px}
.carousel-control-next{right:-20px}
@media (min-width:1700px) and (max-width: 1799px){
   .sarps-store{width:1750px;}
   .window{width:165px;padding:10px}
   .windows{width:175px;padding:10px}
}
@media (min-width:1600px) and (max-width: 1699px){
   .sarps-store{width:1650px;}
   .window{width:155px;padding:10px}
   .windows{width:165px;padding:10px}
   .inner{width:105px;}
	.left-door{width:105px;}
	.right-door{width:105px;}
}
@media (min-width:1500px) and (max-width: 1599px){
   .sarps-store{width:1550px;}
   .window{width:145px;padding:10px}
    .windows{width:155px;padding:10px}
	.inner{width:100px;}
	.left-door{width:100px;}
	.right-door{width:100px;}
}
@media (min-width:1400px) and (max-width: 1499px){
   .sarps-store{width:1450px;}
   .window{width:135px;padding:10px}
    .windows{width:145px;padding:10px}
	.strand li:nth-child(3n+1) {display:none;}
	.inner{width:90px;}
	.left-door{width:90px;}
	.right-door{width:90px;}
}
@media (min-width:1300px) and (max-width: 1399px){
   .sarps-store{width:1350px;}
   .window{width:125px;padding:10px}
    .windows{width:135px;padding:10px}
	.sarps-store h4{font-size:1.2rem}
	.strand li:nth-child(3n+1) {display:none;}
	.inner{width:90px;}
	.left-door{width:90px;}
	.right-door{width:90px;}
}
@media (min-width:1200px) and (max-width: 1299px){
   .sarps-store{width:1250px;}
   .window{width:115px;padding:10px}
    .windows{width:125px;padding:10px}
	.sarps-store h4{font-size:1rem}
	.sarps-store h5{font-size:1rem}
	.sarps-store .btn{font-size:1rem}
	.strand li:nth-child(3n+1) {display:none;}
	.inner{width:80px;}
	.left-door{width:80px;}
	.right-door{width:80px;} 
}
@media (min-width:1100px) and (max-width: 1199px){
   .sarps-store{width:1150px;}
   .window{width:105px;padding:5px}
    .windows{width:115px;padding:5px}
	.sarps-store h4{font-size:1rem}
	.sarps-store h5{font-size:1rem}
	.sarps-store .btn{font-size:1rem}
	.strand li:nth-child(odd) {display:none;}
	.inner{width:70px;}
	.left-door{width:70px;}
	.right-door{width:70px;}
	.info{width:320px}
	.aspect1{top:-120px;left:64%;} 
	.aspect3{top:-40px;left:26%;} 
	.aspect4{top:-480px;left:-70px;} 
	.aspect5{top:-1000px;left:-20px;}
	.brand-info{padding:10px;width:200px;margin:20px;margin-top:60px}
}
@media (min-width:1000px) and (max-width: 1099px){
   .sarps-store{width:1050px;}
   .window{width:105px;padding:5px}
    .windows{width:115px;padding:5px}
	.sarps-store h4{font-size:1rem}
	.sarps-store h5{font-size:1rem}
	.sarps-store .btn{font-size:1rem}
	.strand li:nth-child(odd) {display:none;}
	.inner{width:65px;}
	.left-door{width:65px;}
	.right-door{width:65px;}
	.info{width:300px}
	.aspect1{top:-120px;left:64%;} 
	.aspect3{top:-40px;left:26%;} 
	.aspect4{top:-445px;left:0;width:280px} 
	.aspect5{top:-1020px;left:0;}
.brand-info{padding:10px;width:200px;margin:20px;margin-top:60px}
}
@media (max-width: 999px){.sarps-store{display:none;}.services-sarps{display:block;}.aspects{display:block}.aspects-info{display:none}.branding{display:none}.branding-sm{display:inline-block}
.touch_details { margin-left: 10px;}
.touch_details h4{font-size:20px}
.section-padding{padding-bottom:20px;padding-top:10px}
.modal-dialog{max-width:90%;}
}

@media (max-width: 470px){.brand-block{width:90%}}