@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);

section {
     margin-bottom: 0;
}
.feature_section0 {
	width: 100%;
	text-align: left;
	background: #eeefee;
	padding: 50px 0;
}
.service-top-border{border-top: 2px solid #f99e33;
padding-top: 20px;
margin-top: 20px;}
#tab-1 {
	float: left;
	width: 2%;
}
.tab-content {
	float: right;
	width: 100%;
	padding: 0;
	text-align: left;
	text-align: justify;
}

#tab-1 > li > a {
	position: relative;
	transition: 0.3s;
	width: 300px;
	padding: 9px 35px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	border-radius: 0 25px 25px 0;
	text-align: left;
	border: 3px solid #fff;
	letter-spacing: .2px;
	margin-bottom: 5px;
}   #tab-1 > li > a:hover  {
           margin-left: -10%;
        }
#tab-1 > li.active > a {
	margin-left:46px;
}
#service1 {
	background-color: #25A5F9;
	margin-left: -10%;
}
#service2 {
	background-color: #F72356;
	margin-left: -43%;
}
        #service3 {
    background-color: #EA1D24;
    margin-left: -42%;
        }

        #service4 {
    background-color: #f99e33;
    margin-left: -25%;
        }
#service5 {
	background-color: #454747;
	margin-left: -25%;
}
		        #service6 {
    background-color: #0a89dd;
    margin-left: -25%;
        }
		        #service7 {
    background-color: #c30935;
    margin-left: -25%;
        }
		        #service8 {
    background-color: #ea1d24;
    margin-left: -25%;
        }
		        #service9 {
    background-color: #F99E33;
    margin-left: -25%;
        }

.tab-text {
    font-size: 16px;
    line-height: 25px;
}

.feature_section2 {
    float: left;
    width: 100%;
    background-color: #43AEC3;
}

.rw-wrapper {
    background:#2a677d38;
    padding:35px 0;
        color: #fff;
}

.ccont {
    text-align:center;
}

h5.caps {
    text-transform: uppercase;
}

.triangle {
    background:url(../img/bg/heading.html);
       background-repeat: no-repeat;
    background-position-x: center;
    height: 108px;
    margin-top: 0;
        text-align: center;
    padding-top: 23px;
    font-size: 27px;
    color: #fff;
    line-height: 31px;
    margin-bottom: 0;
}



h2 b {
    display: block;
    font-size: 18px;
    line-height: 23px;
    font-weight: 200;
    margin-top: 13px;
    color: #727272;
}

.svg-icon path {
  fill: #ff0000;
}

.feature_section1 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 63px 0px;
    /*background: url(../images/texture-1.png) repeat left top;*/
}

.feature_section5 {
        text-align: center;
    width: 100%;
    padding: 65px 0px;
    background-image:url(../img/bg/bg-2.html);
    color: #fff;
    background-repeat-y: no-repeat;
}
.rw-wrapper-1 {
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    line-height: 23px;
    font-size: 17px;
}


.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 996px) {
    .preview {
      margin-bottom: 20px; } }

.preview-pic {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.preview-thumbnail.nav-tabs {
  border: none;
  margin-top: 15px; }
  .preview-thumbnail.nav-tabs li {
        width: 18%;
    margin-right: 8.5% }
    .preview-thumbnail.nav-tabs li img {
      max-width: 100%;
      display: block; }
    .preview-thumbnail.nav-tabs li a {
      padding: 0;
      margin: 0;
      background-color: transparent ! important;
    /* text-shadow: 0 0 black; */
    border: 0 ! important;
    }
    .preview-thumbnail.nav-tabs li:last-of-type {
      margin-right: 0; }

.tab-content {
  overflow: hidden; }
  .tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
            animation-name: opacity;
    -webkit-animation-duration: .3s;
            animation-duration: .3s; }



@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.colors {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.product-title, .price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold; }

.checked, .price span {
  color: #ff9f1a; }

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px; }

.product-title {
  margin-top: 0; }

.size {
  margin-right: 10px; }
  .size:first-of-type {
    margin-left: 40px; }

.color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  height: 2em;
  width: 2em;
  border-radius: 2px; }
  .color:first-of-type {
    margin-left: 20px; }

.add-to-cart, .like {
  background: #ff9f1a;
  padding: 1.2em 1.5em;
  border: none;
  text-transform: UPPERCASE;
  font-weight: bold;
  color: #fff;
  -webkit-transition: background .3s ease;
          transition: background .3s ease; }
  .add-to-cart:hover, .like:hover {
    background: #b36800;
    color: #fff; }

.not-available {
  text-align: center;
  line-height: 2em; }
  .not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff; }

.orange {
  background: #ff9f1a; }

.green {
  background: #85ad00; }

.blue {
  background: #0076ad; }

.tooltip-inner {
  padding: 1.3em; }

@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*# sourceMappingURL=style.css.map */
.feature_section6 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 63px 0px;
}

#stats {
    background: -webkit-linear-gradient(45deg, #6c0200, #6c0200);
}
.ststCntnr {
    /*width: 1080px;*/
    margin: 0 auto;
        padding: 42px 77px;
    text-align: center;
    overflow: hidden;
        color: #fff;
    line-height: 30px;
}

.ststCntnr p {
    margin-bottom:36px;
    text-align: center;
}

.page_title {
   float: left;
    width: 100%;
    padding: 47px 0px 101px 0px;
    text-align: center;
    font-size: 14px;
    /* border-top: 5px solid #13afeb; */
    color: #999;
    margin-bottom: 26px;
    background: #6c0700;
}
.page_title h1 {
  color: #d2d0d0;
    font-size: 38px;
    font-weight: 100;
    /* text-transform: uppercase; */
    margin-bottom: -3px;
    font-family: 'Raleway', sans-serif;
    line-height: 70px;
    font-style: normal;
}
    .page_title h1 strong {
        color: #ffffff;
    font-weight: 500;
    }

    .page_title p {
            letter-spacing: .9px;
    font-size: 14px;
    font-weight:100;
        color: #d8d6d6;
    }

        .pagenation:before {
          content: "";
    display: block;
    position: absolute;
    z-index:1;
        top: 44%;
    left: 46%;
    width: 9%;
    border-bottom: 5px solid #fff;
        }

.feature_section {
    width: 100%;
    padding: 63px 0px;
}

        .script {
    font-family: "Myriad Pro";
    color: #000;
    position: relative;
    margin: 0;
       margin-bottom: 32px;
}
        .script:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    width: 100%;
  border-bottom: 1px solid #b5b3b3;
}
        .script span {
    background-color: #fff;
    padding: 0 0.6em 0 0;
}
            .script:after {
               content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 44%;
    right: 0;
    width: 13%;
    border-bottom: 8px solid #6c0200;
            }
        .heading-about {
            font-family: "Myriad Pro";
    color: #000;
    position: relative;
    margin: 0;
        text-transform: uppercase;
      font-size: 22px;
    margin-bottom: 37px;
        }

.heading-about:before {
        content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 10%;
    left: 46%;
    width: 9%;
    border-bottom: 5px solid #6c0200;
}

.staticFooterHeading {
        font-size: 18px;
    font-weight: bold;
    /* padding-bottom: 20px; */
      margin: 6px 0 8px 0;
}

 #policy h4 {
            padding-top:20px;
        }

.detail p {
       margin-bottom: 6px;
    font-size: 15px;
    text-align: justify;
}

.mrgT30 {
    margin-top:30px;
}

.mrgT20 {
    margin-top:20px;
}

.pagenation {
    font-size: 15px;
    font-weight: normal;
    color: #e0e0e0;
    margin: 10px 0px 0px 0px;
    padding: 0px 0 21px 0;
}

.pagenation a {
    color:#fff;
    letter-spacing: .6px;
}

.pagenation i {
   padding: 0 8px;
}

.info {
    color: #4a84bc;
    border-color: #c6e3ff;
    background-color: #e6f3ff;
    border-radius: 3px;
}























    /* ------------------mobiel Tab Button  in Services -----------*/
 #mobile .tab .nav-tabs > li{
    margin-right: 2px;
}
#mobile .tab .nav-tabs > li > a{
    border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}
#mobile .tab .nav-tabs > li > a > i{
    font-size:14px;
    margin-right:10px;
}
#mobile .tab .nav-tabs > li.active > a,
#mobile .tab .nav-tabs > li.active > a:focus,
#mobile .tab .nav-tabs > li.active > a:hover{
    border: none;
    background: #6c0200;
    color:#fff;
    transition:background 0.20s linear;
}
#mobile .tab .nav-tabs li.active:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 37%;
    border: 15px solid transparent;
    border-top-color: #e74c3c ;
}
#mobile .tab .tab-content{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #6c0200;
    border-bottom:5px solid #6c0200;
    padding:30px 25px;
        width: 100%;
}
        @media only screen and (max-width: 480px) {
           #mobile .tab > .nav-tabs li {
                width: 100%;
            }

           #mobile .tab .nav-tabs > li > a {
                padding: 20px;
            }

            #mobile .tab .nav-tabs > li.active:after {
                border: none;
            }
        }



        .phone-logo img {
            width: 46%;
            margin: 10px;
        }
		
		
		
		
		
		
		
			
		
		
		
		
		
		
		
/*---------------------------------------
-----------------------------------------
    ** ------ slider css ------- **red
-----------------------------------------		
---------------------------------------*/


/*----------- slider-1---------------*/
.slider1{
	   background:url(../images/slider/red.jpg) no-repeat;background-position:center;background-size:cover;
}
.slider1-img1{top: 9.8%; left:3%;position: absolute; z-index: 11; display: block; opacity: 1;}

.slider1-tittle1{display: block;}
.slider1-img2{top: 9.8%; left:3%; width: 56.34%; position: absolute; z-index: 11; display: block; opacity: 1;z-index:5; display: block; max-width: 100%;width:auto;height:auto;}

.slider1-tittle2{display: block;background:#ceb403 !important;}

.slider1-tittle3{display: block;background:#FB6904 !important;;}
.slider1-text {position: absolute;z-index: 2;display: block;opacity: 1;transform: translate3d(0px, 0px, 0px);visibility: visible;display: block;left: 46%;top: 78%;width: 42.475%;font-weight: 600;font-size: 24px !important;}


/*----------- slider-2---------------*/
.slider2{
	   background:url(../images/slider/blueback.png) no-repeat;background-position:center;background-size:cover;}
.slider2-img1{top: 16.8%; left:-36%; width: 56.34%; height: 56.6%; position: absolute; z-index: 11; display: block; opacity: 1;}	   
.slider2-img1-rotate {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    -webkit-animation: spin 30s linear infinite;
    -moz-animation: spin 30s linear infinite;
    animation: spin 30s linear infinite;
	z-index:5; display: block; max-width: 100%;width:auto;height:auto
}	   
	   
.slider2-button {
		background: linear-gradient(#2C66A0, #317BBA);
	padding: 7px 20px;
	font-size: 21px !important;
	color: #fff;
}	   
.slider2-tittle1{width: 100% !important;}
.slider2-tittle2{width: 100% !important;}	
.slider2-tittle3{top: 30% !important; left:55% !important; width: 100% !important; height: 14.4%; position: absolute; z-index: 4; display: block; 
opacity: 1; transform: scale(1, 1); visibility: visible;}
.slider2-tittle4{ width: 100% !important;
}	
.slider2-tittle5{width: 100% !important;}
.slider2-tittle6{width: 100% !important	;;}	
.slider2-text {
	color: RGBA(41,48,55,.9);
	font-size: 17px !important;
	text-shadow: 0px 0px 0px RGBA(0,0,0,0.78);
	font-family: 'Pacifico',Arial;
	line-height: 1.3;
	font-style: normal;
	-moz-transition: padding-left 0.4s ease;
	background: #f99e33;
	width: auto !important;
	padding: 4px 17px !important;
	color: #fff;
	position: absolute;
	font-weight: 600;
}
     
	   
/*----------- slider-3---------------*/	   
 .slider3{
	   background:url(../images/slider/orange.jpg) no-repeat;background-position:center;background-size:cover;}
	   
slider1-img1{top: 9.8%; left:3%; width: 56.34%; height: 56.6%; position: absolute; z-index: 11; display: block; opacity: 1;}	   
slider2-img2{top: 9.8%; left:27 !important%; width: 56.34%; height: 56.6%; position: absolute; z-index: 11; display: block; opacity: 1;}	   
slider3-img3{top: 9.8%; left:55% !important; width: 56.34%; height: 56.6%; position: absolute; z-index: 11; display: block; opacity: 1;}
.slider3-button1 {
	width: 156px;
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
	visibility: visible;
	background: linear-gradient(#2C66A0, #317BBA);
	padding: 10px 20px;
	color: #fff;
	font-size: 16px !important;
	transform: rotate(-24deg);
	position: absolute;
	text-align: center;
	font-family: sans-serif !important;
	letter-spacing: 1px;
	font-weight:600;
}
.slider3-button2 {
	width: 100%;
	text-align: center;
	transform: translate3d(0px, 0px, 0px);
	visibility: visible;
	background: linear-gradient(#b49e07, #ceb403) !important;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px !important;
	letter-spacing: 1px;
	font-weight: 600;
} 
.slider3-button3 {
	background: linear-gradient(#a1d8f7, #a1d8f7) !important;
	padding: 10px 11px 10px 37px !important;
	color: #fff;
	font-size: 15px !important;
	font-weight: 600;
	transform: rotate(22deg);
	position: absolute;
	width: 149px;
	letter-spacing: 1px;
}
   
	   
	   
/*----------- slider-4---------------*/		   
.slider4{
		background:url(../images/slider/grayback.png) no-repeat; background-position:center;background-size:cover;}
  
.slider4-all-images{top: 27%; left: 1%; width: auto; height: auto; position: absolute; z-index: 16; display: none !important;}
.slider4-tittle {
	font-weight: 600;
	font-size: 24px !important;
	font-family: sans-serif !important;
	font-style: italic;
	color: RGBA(41,48,55,.9);
}

/*=========/=========/=========/=========/=========/=========/=========
		            TOP FOUR SERVICES
	=========/=========/=========/=========/=========/=========/=========*/
	
.heading{
color: #ea9004;
font-weight: 500;
font-family:roboto; text-align:center;}
.service-text {
	color: #008b43;
	font-size: 15px;
	padding-bottom: 0px;
	font-weight: 500;
	text-align: center;
}
.line-title {
	height: 5px;
	background-color: #0088cf;
	margin: 0 auto;
	width: 150px;
	line-height: 20px !important;
}
.title-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 8px 0 8px;
	border-color: #0088ce transparent transparent transparent;
	margin: 0 auto;
}

.four-colom {
	padding: 50px 0 10px;
	background: #f2f2f2;
}
.services-grid {
	text-align:center;
}
.four-colom-services-text {
	padding: 10px 14px 9px;
	/* border: 2px solid #ddd; */
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
	min-height: 309px;
	margin-bottom: 30px;
}
.four-colom-services-text p {
	font-size: 16px;
	color: #333;
	font-weight: 500;
}
.four-colom-services-text::before {
 content: '';
 width: 0%;
 border: 2px solid #FEFEFE;
 height: 100%;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 -webkit-transition: .5s all;
 -moz-transition: .5s all;
 -o-transition: .5s all;
 -ms-transition: .5s all;
 transition: .5s all;
 box-shadow: 0px 1px 19px -7px rgba(158, 153, 158, 1);
}
.four-colom-services-img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	line-height: 80px;
}
.four-colom-services-img i.fa {
	color: #0089cf;
	font-size: 70px;
	padding: .4em 0 0 0;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	line-height: 35px;
}
.agileits-services-info h4 {
	color: #0089cf;
	font-size: 21px;
	font-weight: 500;
	font-family: roboto;
	padding: 10px 0;
}
.services-grid:hover .four-colom-services-img {
	background: #0089cf;
}
.services-grid:hover .four-colom-services-img i.fa {
	color: #fff;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.services-grid:hover .four-colom-services-text::before {
 width: 100%;
 -webkit-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 transform: scale(1.1, 1.1);
}
.services {
	padding: 5em 0;
}
.services-grid {
	margin-top: 4em;
}

/* ---------------- Available Platform Css------------------ */
.sections {
	padding: 80px 0;
}
.sections-title {
	text-align: center;
}
.sections-title-h3 {
	position: relative;
}
.sections-title-h3 h3 {
	font-size: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #34a3ea;
}
.sections-title-h3:before {
	content: "";
	height: 1px;
	width: 270px;
	background-color: #df212a;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -135px;
}
.sections-title-h3:after {
	content: "";
	height: 4px;
	width: 30px;
	background-color: #df212a;
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 50%;
	margin-left: -15px;
}

/* Keyframes */
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}


@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

.service-box-platform {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 82%);
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.07);
    padding: 20px;
		transition: all 0.2s ease-in-out;
}
.service-box-platform:hover {
	transform: scale(1.02);
	transition: all 0.2s ease-in-out;
}
.service-box-platform .service-icon{
    float: left;
}
.service-box-platform .service-content h3 {
	margin: 11px 0 30px 80px;
	color: #34a3ea;
	font-size: 20px;
	font-weight: 500;
	font-family: roboto;
}
.service-box-platform .service-content p {
	font-size: 14px;
	line-height: 22px;
	margin: 0;
	color: #999;
	font-weight: 500;
	text-align: justify;
}
.service-box-platform .service-icon .fade-up-img{
    background: #34a3ea;
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);
    color: hsl(0, 0%, 100%);
    font-size: 26px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    transition:all 0.2s ease-in-out;
}
.service-box-platform:hover .service-icon .fade-up-img {
	background: hsl(32.2, 82.8%, 45.5%) none repeat scroll 0 0;
	border-radius: 50%;
	transform: translate(0px, 3px);
	transition: all 0.5s ease-in-out;
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}