html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-family: 'font Regular';
}
a:focus{   text-decoration: none;}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
font-family: arvoregular!important;
margin: 0px;
padding: 0px;
}
/*============================
padding margin
=============================*/
.pad_0{ padding:0px; }
.pad_10{ padding:10px; }
.pad_20{ padding:20px; }
.pad_30{ padding:30px; }
.pad_40{ padding:40px; }
.pad_50{ padding:50px; }
.pad_60{ padding:60px; }
.pad_70{ padding:70px; }
.pad_80{ padding:80px; }
.pad_l_0{ padding-left:0px; }
.pad_l_10{ padding-left:10px; }
.pad_l_20{ padding-left:20px; }
.pad_l_30{ padding-left:30px; }
.pad_l_40{ padding-left:40px; }
.pad_l_50{ padding-left:50px; }
.pad_l_60{ padding-left:60px; }
.pad_l_70{ padding-left:70px; }
.pad_l_80{ padding-left:80px; }
.pad_r_0{ padding-right:0px; }
.pad_r_10{ padding-right:10px; }
.pad_r_20{ padding-right:20px; }
.pad_r_30{ padding-right:30px; }
.pad_r_40{ padding-right:40px; }
.pad_r_50{ padding-right:50px; }
.pad_r_60{ padding-right:60px; }
.pad_r_70{ padding-right:70px; }
.pad_r_80{ padding-right:80px; }
.pad_b_0{ padding-bottom:0px; }
.pad_b_10{ padding-bottom:10px; }
.pad_b_20{ padding-bottom:20px; }
.pad_b_30{ padding-bottom:30px; }
.pad_b_40{ padding-bottom:40px; }
.pad_b_50{ padding-bottom:50px; }
.pad_b_60{ padding-bottom:60px; }
.pad_b_70{ padding-bottom:70px; }
.pad_b_80{ padding-bottom:80px; }
.pad_t_0{ padding-top:0px; }
.pad_t_10{ padding-top:10px; }
.pad_t_20{ padding-top:20px; }
.pad_t_30{ padding-top:30px; }
.pad_t_40{ padding-top:40px; }
.pad_t_50{ padding-top:50px; }
.pad_t_60{ padding-top:60px; }
.pad_t_70{ padding-top:70px; }
.pad_t_80{ padding-top:80px; }
.mar_0{ margin:0px; }
.mar_10{ margin:10px; }
.mar_20{ margin:20px; }
.mar_30{ margin:30px; }
.mar_40{ margin:40px; }
.mar_50{ margin:50px; }
.mar_60{ margin:60px; }
.mar_70{ margin:70px; }
.mar_80{ margin:80px; }
.mar_l_0{ margin-left: 0px; }
.mar_l_10{ margin-left: 10px; }
.mar_l_20{ margin-left: 20px; }
.mar_l_30{ margin-left: 30px; }
.mar_l_40{ margin-left: 40px; }
.mar_l_50{ margin-left: 50px; }
.mar_l_60{ margin-left: 60px; }
.mar_l_70{ margin-left: 70px; }
.mar_l_80{ margin-left: 80px; }
.mar_r_0{ margin-right: 0px; }
.mar_r_10{ margin-right: 10px; }
.mar_r_20{ margin-right: 20px; }
.mar_r_30{ margin-right: 30px; }
.mar_r_40{ margin-right: 40px; }
.mar_r_50{ margin-right: 50px; }
.mar_r_60{ margin-right: 60px; }
.mar_r_70{ margin-right: 70px; }
.mar_r_80{ margin-right: 80px; }
.mar_b_0{ margin-bottom:  0px; }
.mar_b_10{ margin-bottom:  10px; }
.mar_b_20{ margin-bottom:  20px; }
.mar_b_30{ margin-bottom:  30px; }
.mar_b_40{ margin-bottom:  40px; }
.mar_b_50{ margin-bottom:  50px; }
.mar_b_60{ margin-bottom:  60px; }
.mar_b_70{ margin-bottom:  70px; }
.mar_b_80{ margin-bottom:  80px; }
.mar_t_0{ margin-top:  0px; }
.mar_t_10{ margin-top:  10px; }
.mar_t_20{ margin-top:  20px; }
.mar_t_30{ margin-top:  30px; }
.mar_t_40{ margin-top:  40px; }
.mar_t_50{ margin-top:  50px; }
.mar_t_60{ margin-top:  60px; }
.mar_t_70{ margin-top:  70px; }
.mar_t_80{ margin-top:  80px; }
/*=====================================
Scroll  to top
======================================*/
#top {
position: fixed;
bottom: 20px;
left: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: none;
text-decoration: none;
border-radius: 35px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#top i {
color: #fff;
margin: 0;
position: relative;
left: 11px;
top: 12px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#top:hover {
background: rgba(0, 0, 0, 0.9);
}
#top:hover i {
color: #fff;
top: 5px;
}
/*======================
Set cookies
=======================*/
#cookie-bar{
background: #2a73b3;
display:block;
position: fixed;
bottom: 10px;
width: 300px;
left: 6%;
padding: 20px;
z-index: 999;
color: #fff;
box-shadow: 0px 1px 2px #666;
}
#cookie-bar a{
color:#fff;
display:block;
padding:10px 0;
}
#Cookie{
background: #52cc31;
border: none;
padding: 10px;
display: block;
width: 100%;
text-align: center;
font-weight: bold;
}
/*=================================
Top Menu
==================================*/
.top-menu li{
list-style:none;
display: inline-block;
font-size: 13px;
}
.top-menu li a{
text-transform: uppercase;
color: #666;
background: #f9f9f9;
padding: 5px;
}
.top-header{
background: #e82801;
padding:10px 0px;
}
/*=====================================
Navigation
=====================================*/
.navigation_custom{
border-radius: 0px;
box-shadow: none;
margin: 0px;
-webkit-box-shadow:none;

}
.navigation_custom li a{
  font-size: 16px;
  font-weight: 600;
  padding: 25px 30px;
  color: #000;
}
.navigation_custom .navbar-brand{
  margin-top: -10px;
  padding: 0px;
}
.navigation_custom .navbar-brand img{
  width: 260px;
  z-index: 10;
  position: relative;
  padding: 15px;
}
.nav>li>a:focus, .nav>li>a:hover {
  text-decoration: none;
}
.navigation_custom  .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #666;
}
.search_drop{
  width: 320px;
  background: #666;
  border: none;
  padding: 10px 20px;
}
.search_drop input{
  border-radius: 0px;
}
.search_drop .btn{ border-radius: 0px;  }
ul.dropdown-menu.product_downdown {
  padding: 0;
  margin: 0px;
}
ul.dropdown-menu.product_downdown li a{
  padding: 5px 10px;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
ul.dropdown-menu.product_downdown li a:hover{
background: #666;
color: #fff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #fff;
border-color: #fff;
}
.navigation_custom .dropdown-menu{  background: #fff; padding: 0px;  }
li.dropdown a span.icon-down-open-1{ transform: rotate(180deg); display: inline-block; transition:all .40s; }
li.dropdown.open a span.icon-down-open-1{   transform: rotate(0deg);
display: inline-block;}

.list-inline>li a{
width: 100%;
}
.navbar-nav  a {
text-decoration: none;
position: relative;
display: inline-block;
}
.navbar-nav a::after {
content: '';
width: 100%;
position: absolute;
top: 96%;
left: 0;
height: 3px;
background: #52cc31;
transform: scaleX(0);
transition: transform .35s ease;
}
.navbar-nav a:hover::after {
transform: scaleX(1);
}
.navbar-inverse {
background-color: rgba(34, 34, 34, 0.74);
border-color: #080808;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
right: 100%;
margin-top: -1px;
}
.dropdown-menu>li>a {
    padding: 3px 20px!important;
    font-size: 15px;
    border-bottom: 1px solid #0000001f;
}
.pad_sec h3{
font-size: 45px;
padding:0px 30px 0px 0px;
font-weight: bold;
}
.pad_sec p{
font-size:20px;
color: #888888;
}
.para{
padding:15px 0;
}
.review-product-item {
padding-top: 15px;
}
.review-product-item img{
position: relative;
top: 5px;
}
.pad_sec a{ border-radius: 0px;  }
.gray-bg{ background: #f5f5f5 }
.item-img img{ text-align: center; }
/*=================================
footer
===================================*/

footer .h4{ color: #fff; padding:15px 0; font-size: 22px; }
footer ul li{
list-style: none;
}
footer ul li a{
line-height: 30px;
color: #fff;
display: block;
border-bottom: 1px solid #666;
}
footer ul li a:hover{ color:#fff; }
.fot-copy{ background:#000; color: #fff; padding:20px 0;font-size:13px;   }
.color_white{
	color: #fff;
	}
/*===============================
Social icon
================================*/
.social_fot_box {
padding-top: 20px;
}
.social_fot_box ul {
list-style: none;
margin: 0px;
}
.social_fot_box li {
display: inline-block;
text-align: center;
margin-left: 10px;
background: #fff;
height: 30px;
width: 30px;
border-radius: 30px;
-webkit-transition: all .60s;
-o-transition: all .60s;
transition: all .60s;
}
.social_fot_box li:hover:nth-child(1) {
border-radius: 0px;
background: #3B5998;
color: #fff !important;
}
.social_fot_box li:hover:nth-child(2) {
border-radius: 0px;
background: #0077B5;
}
.social_fot_box li:hover:nth-child(3) {
border-radius: 0px;
background: #1DA1F2;
}
.social_fot_box li:hover:nth-child(4) {
border-radius: 0px;
background: #D82D77;
}
.social_fot_box a {
border: none;
display: block;
line-height: 30px;
text-decoration:none;
}
.social_fot_box a i {
color: #000;
display: block;
line-height: 30px;
-webkit-transition:all .50s;
-o-transition:all .50s;
transition:all .50s;
}
.social_fot_box a i:hover {
color: #fff;
}
.social_fot_box a i:hover {
/* Rotate div */
-ms-transform: rotate(360deg);
/* IE 9 */
-webkit-transform: rotate(360deg);
/* Chrome, Safari, Opera */
transform: rotate(360deg);
color: #fff
}
.SearchHome input{
border-radius: 0px;
height: 50px;
}
.p_20{ padding:15px 0; font-size: 20px;   }
.SearchHome button{
height: 50px;
padding: 10px 30px;
border-radius: 0px;
background: #19B051;
color: #fff;
}
.SearchHome button:hover{
background: #06913A;
color: #fff;
}
.SearchHome{
	    padding: 40px 0;
    color: #FFFFFF;
    background: #4498e7;
    background-size: cover;
    background-image: linear-gradient(48deg,#0087d4,#005484 55%,#ffffff -74%);
    border-top: 1px solid #005a8d;
    border-bottom: 1px solid #005788;
}
.feature{
padding:40px 0;
}
.Data{
padding:40px 0;
}
.list-item{
margin-top: 50px;
border: 1px solid #dadada;
padding: 20px;
text-align: center;
}
.list-item img{ width: 100px!important; display:inline-block!important;  }
/*=========================
News Events
=========================*/
.News-Events{
padding: 30px 0;
}
.News-Events  .news-date{
font-size: 20px;
font-weight: bold;
text-align: center;
padding:10px;
background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop(0%, rgba(255,255,255,1.00)), color-stop(100%, rgba(245,245,245,1.00)));
background-image: -webkit-linear-gradient(270deg, rgba(255,255,255,1.00) 0%, rgba(245,245,245,1.00) 100%);
background-image: linear-gradient(180deg, rgba(255,255,255,1.00) 0%, rgba(245,245,245,1.00) 100%);
}
.News-Events .news-date span{
font-weight: bold;
}
.News-Events  .title-sub{
font-size: 20px;
margin: 15px 0;
font-weight: bold;
}
.News-Events  .title-sub a{
font-size: 20px;
margin-bottom: 20px;
color:#000;
}
.media-para {
line-height: 28px;
}
.testimonial{
padding:40px 0;
background: #52cc31;
}
.why{
padding:40px 0;
background: #f3f3f3;
}

.client-review{
color: #fff;
padding: 15px 0;
}
.review-writer{padding: 15px 0 0 0;font-weight: bold;}
.review-writer span{
display: block;
font-weight: 100;
}
.review-text{
font-size: 18px;
}
.review-heading-text {
color: #fff;
}
.client-review{
padding: 15px;
margin-top: 20px;
}
/*Product section*/
.product-section{
padding:40px 0;
/* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */

/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: #f44522;
background: -webkit-linear-gradient(to bottom, #52cc31, #171616);
background: linear-gradient(to bottom, #52cc31, #171616);
}
.product-list li{
list-style: none;
}
.Product_text{
color: #fff;
}
.arrow-list{
padding-top: 20px;
}
.arrow-list li{
position:relative;
list-style:none;
padding-left: 30px;
line-height: 30px;
}
.arrow-list li:after{
position: absolute;
content: '\f178';
font-family: 'fontello';
top: 0px;
left: 0px;
transition: all .20s;
}
.arrow-list li:hover:after{
left:15px;
color:#000;
}
/*============================
Products tab Nav
=============================*/
.Products-tab-nav a{
color: #fff;
font-size: 16px;
font-weight:600;
}
.Products-tab-nav:focus, .Products-tab-nav a:hover {
text-decoration: #52cc31!important;
background-color: #52cc31!important;
border: none;
}
.Products-tab-nav>li>a {
border-bottom: 1px solid;
border-radius: 0px 0px 0 0!important;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
border: none;
}
.bg-tab-nav{
background: #f44522;
background: -webkit-linear-gradient(to bottom, #f83600, #f44522);
background: linear-gradient(to bottom, #45a22b, #0a0a0a);
}
.inner-tab li{
display:block;
}
.inner-tab li:last-child a{
  border:none;
}

.inner-tab a{
display: block;
border-bottom: 1px solid white;
color: #fff;
font-weight: 800;
font-size: 17px;
padding: 15px 12px;
border-radius: 4px;
background: #45a22b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #45a22b, #45a22b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #45a22b, #45a22b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.inner-tab a:hover{
text-decoration: none;
}
.side-bg-col-8{
background: #f0fff5;
padding: 10px;
border: 1px solid #45a22b;
}
/*=============================
Accordian
==============================*/
#accordion .panel, #faqaccordion .panel{
border: none;
border-radius: 5px;
box-shadow: none;
margin-bottom: 10px;
background: transparent;
}
#accordion .panel-heading,#faqaccordion .panel-heading{
padding: 0;
border: none;
border-radius: 5px;
background: transparent;
position: relative;
}
#accordion .panel-title a, #faqaccordion .panel-title a{
display: block;
padding: 20px 30px;
margin: 0;
font-weight: 800;
font-size: 17px;
font-weight: bold;
color: #fff;
text-transform: sentensecase;
letter-spacing: 1px;
border: none;
border-radius: 5px;
position: relative;
background: #485563;
background: -webkit-linear-gradient(to right, #29323c, #485563);
background: linear-gradient(to right, #29323c, #485563);

}
#accordion .panel-title a.collapsed, #faqaccordion .panel-title a.collapsed{
border:none;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before,
#faqaccordion .panel-title a:before,
#faqaccordion .panel-title a.collapsed:before{
content: "\e8a5";
font-family: "fontello";
width: 30px;
height: 30px;
line-height: 27px;
text-align: center;
font-size: 25px;
font-weight: 900;
color: #fff;
position: absolute;
top: 15px;
right: 30px;
transform: rotate(180deg);
transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
#accordion .panel-title a.collapsed:before,
#faqaccordion .panel-title a.collapsed:before{
color: rgba(255,255,255,0.5);
transform: rotate(0deg);
}
#accordion .panel-body, #faqaccordion .panel-body{
padding: 20px 30px;
background: #f6f6f6;
font-size: 15px;
color: #000;
line-height: 28px;
letter-spacing: 1px;
border-top: none;
border-radius: 5px;
}

#accordion .panel, #faqaccordion .panel{
border: none;
border-radius: 5px;
box-shadow: none;
margin-bottom: 10px;
background: transparent;
}
#accordion .panel-heading,#faqaccordion .panel-heading{
padding: 0;
border: none;
border-radius: 5px;
background: transparent;
position: relative;
}
#accordion .panel-title a, #faqaccordion .panel-title a{
display: block;
padding: 20px 30px;
margin: 0;
font-weight: 800;
font-size: 17px;
font-weight: bold;
color: #fff;
text-transform: sentensecase;
letter-spacing: 1px;
border: none;
border-radius: 5px;
position: relative;
background: #485563;
background: -webkit-linear-gradient(to right, #29323c, #485563);
background: linear-gradient(to right, #29323c, #485563);

}
#accordion .panel-title a.collapsed, #faqaccordion .panel-title a.collapsed{
border:none;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before,
#faqaccordion .panel-title a:before,
#faqaccordion .panel-title a.collapsed:before{
content: "\e8a5";
font-family: "fontello";
width: 30px;
height: 30px;
line-height: 27px;
text-align: center;
font-size: 25px;
font-weight: 900;
color: #fff;
position: absolute;
top: 15px;
right: 30px;
transform: rotate(180deg);
transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
#accordion .panel-title a.collapsed:before,
#faqaccordion .panel-title a.collapsed:before{
color: rgba(255,255,255,0.5);
transform: rotate(0deg);
}
#accordion .panel-body, #faqaccordion .panel-body{
padding: 20px 30px;
background: #f6f6f6;
font-size: 15px;
color: #000;
line-height: 28px;
letter-spacing: 1px;
border-top: none;
border-radius: 5px;
}

/*Accordian1==============================*/

#accordion1 .panel, #faqaccordion1 .panel{
border: none;
border-radius: 5px;
box-shadow: none;
margin-bottom: 10px;
background: transparent;
}
#accordion1 .panel-heading,#faqaccordion1 .panel-heading{
padding: 0;
border: none;
border-radius: 5px;
background: transparent;
position: relative;
}
#accordion1 .panel-title a, #faqaccordion1 .panel-title a{
display: block;
padding: 20px 30px;
margin: 0;
font-weight: 800;
font-size: 17px;
font-weight: bold;
color: #fff;
text-transform: sentensecase;
letter-spacing: 1px;
border: none;
border-radius: 5px;
position: relative;
background: #485563;
background: -webkit-linear-gradient(to right, #29323c, #485563);
background: linear-gradient(to right, #29323c, #485563);

}
#accordion1 .panel-title a.collapsed, #faqaccordion1 .panel-title a.collapsed{
border:none;
}
#accordion1 .panel-title a:before,
#accordion1 .panel-title a.collapsed:before,
#faqaccordion1 .panel-title a:before,
#faqaccordion1 .panel-title a.collapsed:before{
content: "\e8a5";
font-family: "fontello";
width: 30px;
height: 30px;
line-height: 27px;
text-align: center;
font-size: 25px;
font-weight: 900;
color: #fff;
position: absolute;
top: 15px;
right: 30px;
transform: rotate(180deg);
transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
#accordion1 .panel-title a.collapsed:before,
#faqaccordion1 .panel-title a.collapsed:before{
color: rgba(255,255,255,0.5);
transform: rotate(0deg);
}
#accordion1 .panel-body, #faqaccordion1 .panel-body{
padding: 20px 30px;
background: #f6f6f6;
font-size: 15px;
color: #000;
line-height: 28px;
letter-spacing: 1px;
border-top: none;
border-radius: 5px;
}

#accordion1 .panel, #faqaccordion1 .panel{
border: none;
border-radius: 5px;
box-shadow: none;
margin-bottom: 10px;
background: transparent;
}
#accordion1 .panel-heading,#faqaccordion1 .panel-heading{
padding: 0;
border: none;
border-radius: 5px;
background: transparent;
position: relative;
}
#accordion1 .panel-title a, #faqaccordion1 .panel-title a{
display: block;
padding: 20px 30px;
margin: 0;
font-weight: 800;
font-size: 17px;
font-weight: bold;
color: #fff;
text-transform: sentensecase;
letter-spacing: 1px;
border: none;
border-radius: 5px;
position: relative;
background: #485563;
background: -webkit-linear-gradient(to right, #29323c, #485563);
background: linear-gradient(to right, #29323c, #485563);

}
#accordion1 .panel-title a.collapsed, #faqaccordion1 .panel-title a.collapsed{
border:none;
}
#accordion1 .panel-title a:before,
#accordion1 .panel-title a.collapsed:before,
#faqaccordion1 .panel-title a:before,
#faqaccordion1 .panel-title a.collapsed:before{
content: "\e8a5";
font-family: "fontello";
width: 30px;
height: 30px;
line-height: 27px;
text-align: center;
font-size: 25px;
font-weight: 900;
color: #fff;
position: absolute;
top: 15px;
right: 30px;
transform: rotate(180deg);
transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
}
#accordion1 .panel-title a.collapsed:before,
#faqaccordion1 .panel-title a.collapsed:before{
color: rgba(255,255,255,0.5);
transform: rotate(0deg);
}
#accordion1 .panel-body, #faqaccordion1 .panel-body{
padding: 20px 30px;
background: #f6f6f6;
font-size: 15px;
color: #000;
line-height: 28px;
letter-spacing: 1px;
border-top: none;
border-radius: 5px;
}


.ScreenShot{
padding: 40px 0;
background: #f6f6f6
}
.caption{
padding:5px;
background:#f5f5f5;
border:1px solid #999;
text-align: center;
margin-bottom: 20px;
}
.caption a{ text-decoration: none; color: #000; }
.caption a:hover{ text-decoration: none; color: #000; }
.caption h3{
font-size: 16px;
padding-top: 5px;
margin: 0px;
}
.product-btn{
margin-top: 20px;
}
.product-btn a{
color: #fff;
width: 250px;
padding: 20px 20px;
display: inline-block;
margin: 0 12px;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
transition: all .30s;
border-radius: 10px;
text-align: center;
}
.product-btn a:hover{ text-decoration: none; }
.product-btn a:first-child{
background: #00E181;
border: 2px solid #00E181;
text-shadow: 1px 1px 1px rgb(45, 136, 78);
}
.product-btn a:last-child{
background: #00E181;
border: 2px solid #00E181;
text-shadow:1px 1px 1px rgb(111, 62, 29);
}
.product-btn a:first-child:hover{
background: #35af63;
}
.product-btn a:last-child:hover{
background: #ce7840;
}
.product-btn a i{
margin-right: 15px;
}
/*====================
inner head
=====================*/
.inner-head{
height:250px;
position:relative;
overflow:hidden;
}
.inner-head img{
width:100%;
}
.inner-overlay{
background: rgba(0, 0, 0, 0.77);
position: absolute;
height: 250px;
z-index: 999;
padding: 10px;
top: 0px;
width: 100%;
color:#fff;
text-align:center;
padding-top:50px;
}
.inner-text p{ font-size: 20px;}
.padd_40_0{ padding: 40px 0; }
/*======================== breadcrumb ==========================*/
.Breadcrumbs {
background-color:#171616; }
.Breadcrumbs .breadcrumb {
padding: 10px 15px;
margin-bottom: 0px;
list-style: none;
background-color: rgba(185, 185, 185, 0);
color: #fff;
font-size: 12px;
border-radius: 0px;
}
.Breadcrumbs .breadcrumb a {
color: #fff;
}
/*==============================
Product listing
==============================*/
.p_list {
background: #f5f5f5;
padding: 5px;
margin: 10px 0;
box-shadow: 0px 0px 5px #00000091;
text-align: center;
}
.p_list a{
color: #000;
font-size:18px;
font-weight: bold;
}
.p_list img{  height: 60px; }
.p_list a:hover{ text-decoration: none; }
.product-item{ padding: 40px 0; }
.Thunderbird_font{ font-size: 14px!important; }
/*contact page form page*/
/* Contact 1 */

.contact1 {
width: 100%;
min-height: 100%;
padding: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.container-contact1 {
width: 1163px;
background:#fff;
border-radius: 10px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
box-shadow: 2px 5px 5px #99999978, -2px -2px 5px #99999978;
padding: 90px 130px 88px 148px;
}
/*------------------------------------------------------------------
[  ]*/
.contact1-pic {
width: 296px;
}
.contact1-pic img {
max-width: 100%;
}
/*------------------------------------------------------------------
[  ]*/
.contact1-form {
width: 390px;
}
.contact1-form-title {
display: block;
font-size: 34px;
color: #333333;
line-height: 1.2;
text-align: center;
padding-bottom: 44px;
font-weight: bold;
}
input.input1 {
height: 50px;
border-radius: 25px;
padding: 0 30px;
}
input.input1 + .shadow-input1 {
border-radius: 25px;
}
textarea.input1 {
min-height: 150px;
border-radius: 25px;
padding: 12px 30px;
}
textarea.input1 + .shadow-input1 {
border-radius: 25px;
}
/*---------------------------------------------*/
.wrap-input1 {
position: relative;
width: 100%;
z-index: 1;
margin-bottom: 20px;
}
.input1 {
display: block;
width: 100%;
background: #e6e6e6;
font-size: 15px;
line-height: 1.5;
color: #666666;
border: none;
}
.shadow-input1 {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
box-shadow: 0px 0px 0px 0px;
color: rgba(87,184,70, 0.5);
}
.input1:focus + .shadow-input1 {
-webkit-animation: anim-shadow 0.5s ease-in-out forwards;
animation: anim-shadow 0.5s ease-in-out forwards;
}
@-webkit-keyframes anim-shadow {
to {
box-shadow: 0px 0px 80px 30px;
opacity: 0;
}
}
@keyframes anim-shadow {
to {
box-shadow: 0px 0px 80px 30px;
opacity: 0;
}
}
/*---------------------------------------------*/
.container-contact1-form-btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact1-form-btn span{ line-height: 50px; }
.contact1-form-btn {
min-width: 195px;
height: 50px;
border-radius: 25px;
background: #57b846;
font-size: 15px;
line-height: 1.5;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 0 25px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
font-weight: bold;
border: none;
}
.contact1-form-btn i {
margin-left: 7px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.contact1-form-btn:hover {
background: #333333;
}
.contact1-form-btn:hover i {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
/*------------------------------------------------------------------
[ Responsive ]*/
@media (max-width: 1200px) {
.contact1-pic {
width: 33.5%;
}
.contact1-form {
width: 44%;
}
}
@media (max-width: 992px) {
.contact-from-box{ margin:20px;  }
.container-contact1 {
width: 100%;
padding: 90px 80px 88px 90px;
}
.contact1-pic {
width: 35%;
}
.contact1-form {
width: 55%;
}
}
@media (max-width: 768px) {
.container-contact1 {
padding: 90px 80px 88px 80px;
}
.contact1-pic {
display: none;
}
.contact1-form {
width: 100%;
}
}
@media (max-width: 576px) {
.container-contact1 {
padding: 90px 15px 88px 15px;
}
}
/*------------------------------------------------------------------
[ Alert validate ]*/
.validate-input {
position: relative;
}
.alert-validate::before {
content: attr(data-validate);
position: absolute;
max-width: 70%;
background-color: white;
border: 1px solid #c80000;
border-radius: 13px;
padding: 4px 25px 4px 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 8px;
pointer-events: none;

color: #c80000;
font-size: 13px;
line-height: 1.4;
text-align: left;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.alert-validate::after {
content: "\f085";
font-family: 'fontello';
display: block;
position: absolute;
color: #c80000;
font-size: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 13px;
}
.alert-validate:hover:before {
visibility: visible;
opacity: 1;
}
@media (max-width: 992px) {
.alert-validate::before {
visibility: visible;
opacity: 1;
}
}
.about-page{ padding: 40px 0; }
/*==============================
thank you
================================*/
.thankyou-wrapper{
width:100%;
height:auto;
margin:auto;
background:#ffffff;
padding:10px 0px 50px;
}
.thankyou-wrapper h1{
font:100px Arial, Helvetica, sans-serif;
text-align:center;
color:#333333;
padding:0px 10px 10px;
}
.thankyou-wrapper p{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#333333;
padding:5px 10px 10px;
}
.thankyou-wrapper a{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
display:block;
text-decoration:none;
width:250px;
background:#E47425;
margin:10px auto 0px;
padding:15px 20px 15px;
border-bottom:5px solid #F96700;
}
.thankyou-wrapper a:hover{
font:26px Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
display:block;
text-decoration:none;
width:250px;
background:#F96700;
margin:10px auto 0px;
padding:15px 20px 15px;
border-bottom:5px solid #F96700;
}
/*========================================
blog
==========================================*/
.blog{
padding:40px 0;
}
.blog-list-content{
padding: 20px 25px;
background-color: #f5f8fa;
box-shadow: 0 30px 30px 0 rgba(0,0,0,.1);
margin:-50px 20px 20px;
position:relative;
z-index:1;
}
.blog-footer{
padding: 15px 0;
}
.col-sm-4.blog-list {
margin-bottom: 20px;
padding: 0px;
}
.blog-list-content .title a{
font-size: 18px;
font-weight: bold;
color: #666;
transition: all .50s;
}
.title:hover{-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff4c7c),color-stop(50%,#09f),color-stop(80%,#99cb33));}
.blog-footer { font-weight: 100;  }
.blog-footer span{ color:#bfbfbf; margin-left:15px;}
/*=======================================
blog detail
========================================*/
.blog-list{ padding: 40px 0; }
.blog-box{
padding: 10px;
-webkit-box-shadow:
1px 2px 2px rgba(0, 0, 0, .15),
-1px -1px 2px rgba(0, 0, 0, .15);
box-shadow:
1px 2px 2px rgba(0, 0, 0, .15),
-1px -1px 2px rgba(0, 0, 0, .15);
text-align: center;
margin-bottom: 20px;
}
.blog-box h3{
margin: 0px;
font-size: 20px;
padding: 10px ;
font-weight: bold;
}
.blog-box img{ width: 100%; }
.btn-blog{
background: #ffffff;
border-radius: 0px;
padding: 10px 25px;
color: #000;
margin: 20px 0px;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
border: 1px solid #cacaca;
}
.btn-blog:hover{background:#2eb2ed; color: #fff; }
.lead a {color: #000;}
.blog-deetail{ padding: 40px 0; }
.blog-deetail .well{border-radius: 0px;background: #f5f5f5;-webkit-box-shadow: none;box-shadow: none;}
.blog-deetail .well input,
.blog-deetail .well textarea
{
border-radius: 0px;
}
.well h4{ font-weight: bold; padding: 10px 0; }
.similar_bolg{}
.similar_bolg li{
margin: 10px 0;
}
.similar_bolg a{
color: #666;
display: block;
background: white;
padding: 10px;
}
.similar_bolg a:hover{ text-decoration: none;
background-color: #f9f9f9;  }
.boxsite{
border: 1px solid #666;
text-align: center;
padding: 8px;
margin-bottom: 20px;
}
.boxsite h4{

text-align: center;
padding: 8px;
}
.boxsite h4 a{ text-decoration: none; color: #000 }
.map_list{ border-top: 1px solid #999; }
.map_list li{list-style:none; border-bottom: 1px solid #999; }
.map_list li:last-child{ border-bottom:none; }
.map_list a{ color: #000; padding: 10px; display: block}
.site-map{
padding: 40px 0;
}
.booked-head{
background: #f44522;
background: -webkit-linear-gradient(to bottom, #f83600, #f44522);
background: linear-gradient(to bottom, #ff6040, #f44522);
padding: 40px 0;
color: #fff;
}
.d-flex{
display:flex;
}
.justify-content-between{
justify-content: space-between;
}
.align-items-center{
align-items: center;
}
.d-inline-block {
display: inline-block!important;
}
.drop-box{
width: 220px;
padding:5px 10px;
}
.drop-box select{
border:1px solid #000;
border-radius: 0px;
color: #000;
}
.price-table span{
text-decoration: line-through;
}
.flex-direction {
flex-direction:row;
}
.center-box{
display: flex;
flex-direction:column;
justify-content:center;
height: 250px;
}
.cart-btn{
display: flex;
align-items: center;
justify-content: center;
}
.cart-btn .btn-success{
border-radius:0px;
height: 48px;
line-height:33px;
margin-right:10px!important;
margin-top: -3px;
}
.table > tbody > tr > td {
vertical-align: middle;
}
.table-para{ font-size:15px;  }
.paymenyt-option{
padding: 40px 0;
background: #f5f5f5;
}
.process-btnn a{
background: #fff;
color: #000;
font-size: 20px;
font-weight: 400;
padding: 12px 26px;
display: inline-block;
border-radius: 0px;
transition: all .60s;
margin: 3px -2px;
}
.process-btnn a:hover{ text-decoration: none }
.process-btnn a i{ font-size:20px; margin: 0px 10px;  }
.process-btnn .window-btnn{
color: #fff;
background: #671605;
}
.process-btnn .mac-btnn:hover{
color: #fff;
background: #671605;
}
.chat{
  position: fixed;
  right: -5px;
  bottom: 40%;
  z-index: 100;
}
.key_feature_box {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(4, 4, 4, 0.12);
            box-shadow: 1px 1px 5px 0px rgba(4, 4, 4, 0.12);
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.key_feature_box:hover{
   
    -webkit-box-shadow: -2px 1px 5px 2px rgba(4, 4, 4, 0.12);
   
            box-shadow: -2px 1px 5px 2px rgba(4, 4, 4, 0.12);
}

.key_feature_box img{
    width: 100%;
    text-align: center;
    margin: 22px auto; 
  } 

.key_feature_box h3{ 
  font-weight: bold; }
.resources img{ width: 50%; }
.resources{ padding: 40px 0; background: #f5f5f5; }

.resourse-box{ background: #fff; margin-bottom: 20px; padding: 20px; }
.resourse-box img { margin-top: 25px;  }


.space{

  margin: 20px 0;
}

.blog_box img {
            width: 100%
        }
        
        .contact_mail {
            margin: 20px 0
        }
        
        .like_box,
        .blog_box,
        .review_data,
        .support {
            font-family: Raleway, sans-serif
        }
        
        .blog_box {
            margin-bottom: 20px;
            padding: 10px 10px 0;
            border-top: 5px solid #ff6a00;
            border-radius: 10px;
            -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, .2), -1px -1px 1px 0 rgba(0, 0, 0, .2);
            box-shadow: 1px 2px 1px rgba(0, 0, 0, .2), -1px -1px 1px 0 rgba(0, 0, 0, .2)
        }
        
        .blog_box h3 {
            margin: 0;
            font-size: 20px;
            padding: 10px 0;
            font-weight: 500;
            color: #00247c
        }
        
        .blog_box p {
            padding: 0;
            padding-bottom: 10px;
            margin: 0
        }
        
        .blog_box i {
            font-size: 30px;
            color: #00247c
        }



.blog_box2{

margin-bottom: 20px;
padding: 10px 10px 0;
border-top: 5px solid #52cc31;
border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, .2), -1px -1px 1px 0 rgba(0, 0, 0, .2);
box-shadow: 1px 2px 1px rgba(0, 0, 0, .2), -1px -1px 1px 0 rgba(0, 0, 0, .2)
}


.blog_box2 h3 {
            margin: 0;
            font-size: 20px;
            padding: 10px 0;
            font-weight: 500;
            color: #00247c
        }


          .blog_box2 p {
            padding: 0;
            padding-bottom: 10px;
            margin: 0
        }
        
        .blog_box2 i {
            font-size: 30px;
            color: #00247c
        }

/*======= Contact Us / index. style============= */
.contact-from-box{
	background: #f5f5f5;
	padding-top: 50px;
	padding-bottom: 40px;
	}
.border_right{
	border-right: 1px solid #0000001f;
	
	
	}
.contact_form .form-control{
	order: unset;
    outline: none;
    padding-left: 46px;
    background: #fff;
    border-bottom: 1px solid green;
    border-radius: 0;
    box-shadow: unset;
	}
.send{
	width: 50%;
	margin: 0 auto;
    background: #008000c4;
    color: #ffffff;
    font-weight: bold;
	transition: all 0.4s ease-in-out;
	float: left;
	}
.send:hover{
	background: black;
	color: #fff;
}
.icon_area{
	    position: absolute;
    /* top: -1px; */
    background: #008000c4;
    padding: 12px;
	color: #fff;
	
}
.contact-from-box .lead{ 

	font-size: 29px;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 6px;
        color: green;
    border-bottom: 2px solid green;
}






.large_txt{
	font-size: 23px;
	line-height: 40px;
   
    color: #1e7ebf;
	}
/*========== Social-icon================ */
.fa {
  padding: 10px;
  font-size: 15px;
  width: 34px;
  text-align: center;
  text-decoration: none;
  margin: 0 2px;
  transition: all 0.4s ease-in-out;
}
.fa:hover{
	color: #fff;
	background:green;
	text-decoration: none;
	
	}
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}


.social_area .fa{
	border-radius: 50%;
	}
	
	
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	
	background:green;
	padding:5px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}
.contact_us_banner{
	padding-top: 0;
}
.contact_us_banner .space{
	line-height: 30px;
	
}
/*============= Vertical emails tabs area */
.tabs-left {
  border-bottom: none;
}

.tabs-left>li {
  float: none;
 margin:1px;
  
}
.tabs-left .icon_mail{
	width: 20px;
	vertical-align: bottom;
	margin-right: 6px;
}

.tabs-left>li>a{
 background:#d4d4d4;
	color: black;
	border-radius:0;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  background:#171616;
  border:none;
  border-radius:0px;
  margin:0px;
   color: black;
	
}

.nav-tabs>li>a:hover {
    /* margin-right: 2px; */
    line-height: 1.42857143;
    border: 1px solid transparent;
    /* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after{content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #171616;
    display: block;
    width: 0;}
.tabs-left>li.active>a, .tabs-left>li.active>a:focus, .tabs-left>li.active>a:hover{
	color: #fff;
}
.padding_15{
	padding-bottom: 50px;
}
.border_bottom{
	display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #033770;
    line-height: 45px;
    border-bottom: 5px solid #012b5b;
    height: 45px;
    vertical-align: top;
}
.head{
	 margin-bottom: 8px;
    border-bottom: 5px solid #ddd;
    height: 45px;
}
.list-bullet{
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.list-bullet li{
	padding-left:25px;
	position: relative;
	line-height: 26px;
}
.list-bullet li:before{
	 font-family: 'fontello';
	content: "\eb04";
	position: absolute;
	left:0;
   
	
}
.sideways{
/*
	height: 600px;
	overflow-x: hidden;
*/
}
.sideways::-webkit-scrollbar { width: 0 !important }




@media(max-width:992px){
	.contact_form{
		background-position: center;
		}
	}
@media(max-width:767px){
	.contact_form{
		padding: 0;
		}
	
	.contact_form .form-control::placeholder {
		color: #fff;
		}
	.send{
		    margin-top: unset;
			width: 100%;
		}
	._overlay .inner-head{
	height: 330px;
}
	._overlay .inner-overlay{
		height: 330px;
	}
	.SearchHome{
		background:#4498e7;
	}
	}

  .m-t-3 {
    margin-top: -19px;
  }

  .p-t-20{
    padding-bottom: 20px;
  }

.p-t-15{
  padding-top: 20px;
}




.icons_area {
   
}
.icons_area li{
	width: unset;
}
.icons_area li a{
   border: 1px solid #0000005c;
    height: 40px;
    background: #fff;
    line-height: 35px;
    text-align: center;
    width: 45px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    border-radius: 3px;
	margin-top: 15px;
	
}
.icons_area li p{
	color:#fff;
	padding-left: 2px;
}
.margin_auto{
	margin: 0 auto;
	display: table;
}
.margin_auto img{
	margin: 0 auto;
	display: table;
}
/*============ Free Download ============= */

.free_download{
  	background: #fff;
	border: 1px solid #dee2e6;
	}
.heading_large{
	    font-size: 35px;
    padding: 15px 0;
}
.sub_text{
	margin-bottom: 36px;
}
.dbx_software{
	margin-top: -17px;
}
.btn_green {
    color: #fff;
    background-color: #00c851;
    border-color: #00c851;
    transition: all 0.4s ease-in-out;
}
.btn_area {
    padding: 10px 12px;
    text-decoration: none !important;
    border-radius: 2px;
    font-size: 19px;
}
.btn_green:hover {
    background-color: #218838 !important;
    border-color: #1e7e34;
    color: #fff !important;
}
.software_area h3{
	font-size: 24px;
    color: black;
	margin-bottom: 6px;
	}
.btn_area{
	padding: 10px 12px;
    text-decoration: none !important;
    border-radius: 2px;
    font-size: 19px;
	}
.size_area{
	padding: 20px 0;
	font-size: 18px;
	}
.size_area span{
	font-size: 18px;
	color: black; 
	}
	.ratings_area{
		padding: 30px;
	padding-left: 100px;
		font-size: 17px;
		}
.ratings_area .rating_no{
	font-size: 70px;
    font-weight: 600;
    line-height: 50px;
    color: #033770;
	padding-bottom: 20px;
	
	}
.ratings_area .star_no1{
	color: orange;
	font-size: 15px;
	}
.rating_count{
	color: black;
	font-size: 18px;
	padding-top: 2px;
	padding-left: 5px;
	}
.trial_limit dl{
	padding-top: 20px;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 20px;
	}
.border_bottom1{
	border-bottom: 1px solid #dee2e6;
	}
.border_bottom1{
	line-height: 35px;
}
.trial_limit dl dt{
	text-align: left;
	}
.trial_limit dl dd{
	margin-left: 210px;
	}
.head1{
	color: black;
	font-size: 20px;
    font-weight: unset;
	}
.text_left{
	padding-left: 43px;
	}
strong{
	color: #000000b5
	}
.box_area{
	display: block;
    border-radius: 10px;
    border: 1px dotted #ccc;
    text-align: center;
    min-height: 100px;
    color: #dc3545;
	margin-bottom: 10px;
	cursor:pointer;
	}
.box_area:hover{
	box-shadow: 0 0 5px #ccc;
	}
.box_area i{
	display: inline-block;
    background: #dc3545;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
    margin-top: 20px;
    font-size: 14px;
    
	}	

@media(max-width:767px){
	.trial_limit dl dd{
		margin-left: unset;
	}
	.free_download{
		text-align: center;
	}
	.dbx_software{
		margin: 0 auto;
	}
	.trial_limit dl dt{
		margin-left:unset;
		text-align: unset;
	}
	
	.icons_area {
    margin-bottom: 14px;
}
	.Product_text h1{
		text-align: center;
	}
	.Product_text .h4{
		text-align: center;
		line-height: 35px;
	}
}
	
/*========== Comparison start ============ */

.dl-horizontal dd {
    margin-left: 260px !important;
}

.dl-horizontal dt {
    float: left;
    width: 256px;}   

.goog-te-banner-frame.skiptranslate {
    display: none !important;
    } 
body {
    top: 0px !important; 
    }
    #goog-gt-tt{
    display: none !important;
    } 
.lan-case{
    width: 11.3%;
    margin-top: -5px;
    margin-bottom: -12px;
    height: 59px;
}
.lan-case a{
    height: 59px;
    font-size: 12px !important;
}

#myNavbar ul{
        margin-left: 11%;
    }

@media (max-width: 991px){
.lan-case{
    width: 100% !important;
    padding: 6px 20px 0px 20px !important;
    margin-top: -7px;
    
    }
    .lan-case img{
    width: 6% !important;
    }
    
    .lan-case a{
    height: 53px;
    margin-top: 5px;
   
}
}
@media (max-width: 1480px){

    #myNavbar ul{
        margin: 0 !important;
    }
    
}
@media (max-width: 1220px){
    
    .lan-case{
        width: 12.5%;}
}

@media (max-width: 1100px){
    .lan-case a{
    
    font-size: 11px !important;
}
    .lan-case{
        width: 12.5%;}
    
}

@media (max-width: 980px){

    .lan-case a{
    
    font-size: 14px !important;
}
}
@media (max-width: 500px){

    .lan-case a{
    
    font-size: 11px !important;
}
}


.list_pad{
  line-height: 30px;
}

.side_1 {
background: whitesmoke;
border: 1px solid #dadada;
}
.side_1_head{
background: #62cd32;
color: #fff;
padding: 10px;
}

.side_1_list{
padding:15px 33px;
}
.side_1_list li:not(:last-child){
border-bottom: 1px solid #d8d6d6;
}
.side_1_list li a{
display: block;
padding: 5px 0;
color: grey;
transition:all 0.4s ease-in-out;
}
.side_1_list li a:hover{
color: #000;
padding-left: 5px;
}

/*========= Product price ============= */

.box_width{
width: 88px;
margin: 0 auto;
}
.price_offer{
padding-top: 10px;
}
.region-content{
padding-bottom: 40px;
}
.sbanner-section {
margin: 30px auto 0;
}

/ Col split /
.zcol-5,.zcol-6{
max-width: 1280px;
}
.zcol-4 {
max-width: 1080px;
}
.zcol-3{
max-width: 800px;
}
.zcol-2 {
max-width: 600px;
}
.comparison-list-container > div{
margin:0 auto;
position:relative;
}

table{
border: 1px solid #e8e8e8;
}

.ztable-header-fixed table{
background:#f8f8f8;
}
.ztable-header-fixed.zshow{
height:auto;
opacity: 1;
}

a:hover{
text-decoration: none;
}
tr{
border-bottom: 1px solid #e5e5e5;
}
tr.common-features.zhide, tr.filtered-common-features{
display:none;
}
td{
text-align: center;
padding: 10px;
border-right: 1px solid #e5e5e5;
position: relative;
font-weight:initial;
}
.ztable-header-fixed .zhighlight-circle, .ztable-header-fixed th > p {
display: none;
}

tr:first-child th {
text-align: center;
vertical-align: top;
background: unset;
font-size: 18px;
padding: 20px 0px;
}
tr:last-child th{
text-align: center;
vertical-align: top;
background: unset;
font-size: 18px;
padding-bottom: 20px;
}
.zhighlight-circle {
width: 15px;
height: 15px;
background: #EDEDED;
margin: 0 auto 10px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
position: relative;
}
.zhighlight-circle:after, .zhighlight-circle:before {
background: #fff;
content: "";
height: 1px;
left: 2px;
position: absolute;
top: 8px;
transform: rotate(45deg);
width: 5px;
}
.zhighlight-circle:before {
left: 5px;
top: 7px;
transform: rotate(-45deg);
width: 8px;
}
.zcol-3 .zhighlight-circle{
display:none;
}
.checked .zhighlight-circle {
background: #3b8004;
}
tr:first-child th h3 {

font-size: 18px;
min-height: auto;
margin-bottom: 15px;
line-height: 1.2;
}
.ztable-header-fixed tr:first-child th h3{
font-size:16px;
margin-bottom: 12px;
}
.ztable-header-fixed tr:first-child th > a {
width: 110px;
padding: 8px;
font-size: 10px;
}
.ztable-header-fixed tr:first-child th {
padding: 10px 20px;

}
.comparison-list-container td:first-child, .zinner-heading td {
text-align: left;
}
.i18n-ar .comparison-list-container td:first-child, .i18n-ar .zinner-heading td {
text-align: right;
}
.zinner-heading td {
font-size: 16px;
background: #f4f4f4;

}
.zinner-sub-heading{
background: #f4f4f4;
}
.zinner-sub-heading td{
background: transparent;
}
.zinner-sub-heading td:first-child{
font-family:proxima_novasemibold;
}
.comparison-list-container td {
font-size: 14px;
vertical-align: middle;
}
.comparison-list-container tr:hover {
background: #f9f9f9;
}
.comparison-list-container tr:first-child:hover {
background: unset;
}
.sub-text-container{
margin-bottom: 20px;
}
.sub-text-container p {
display: block;
font-size: 13px;
margin-bottom: 5px;
}
.sub-text-container p:last-child {
margin-bottom: 0;
}
.ztable-header-fixed .sub-text-container{
display:none;
}
a.logged-out, a.logged-in {
display: inline-block;
padding: 10px;
border: 1px solid #3b8004;
margin: 0 auto;
font-size: 12px;
text-transform: uppercase;
background: #fff;
transition: .5s ease;
width: 130px;
max-width: 100%;
box-sizing: border-box;
color: #5ab3d9;
font-weight: bold;
font-family: inherit;
}
.umain a.logged-out, a.logged-in {
display: none;
}
.umain a.logged-in {
display: inline-block;
}
.has-tooltip:after {
content: 'i';
background: rgb(255, 136, 0);
border-radius: 100%;
color: #FDFDFD;
display: block;
font-size: 7px;
font-weight: 700;
height: 10px;
line-height: .6;
padding: 4px;
text-align: center;
width: 10px;
cursor: help;
position: absolute;
right: 1px;
top: 2px;
}
.lang-ar .has-tooltip:after{
right: unset;
left: 1px;
}

.has-tooltip:before {
content: '';
position: absolute;
display: none;
right: -7px;
top: 3px;
width: 10px;
height: 10px;
background: #5ab3d9;
transform: rotate(45deg);
z-index: 2;
}
.lang-ar .has-tooltip:before {
left: -7px;
right: unset;
}
.zinner-heading .has-tooltip:after{

position: relative;
display: inline-block;
vertical-align: top;
margin-left: 6px;
margin-top: -4px;
}
.has-tooltip a{
color: #3c3c3c;
}
.zinner-heading .has-tooltip:before{
right: auto;
top: -9px;
left: 12.5px !important;
}
.zinner-heading .has-tooltip tooltip {

left: 10px !important;
top: auto;
bottom: 110%;

}
.has-tooltip tooltip {
position: absolute;
font-style: normal;
color: #f5f3f3;
background-color: #5ab3d9;
font-size: 13px;
line-height: 1.3;
text-align: left;
padding: 15px;
font-weight: 400;
width: 260px;
z-index: 1;
box-shadow: 0 2px 7px #d1d1d1;
left: 100%;
top: 0;
display: none;
box-sizing: border-box;
}
.lang-ar .has-tooltip tooltip{
text-align: right;
left: unset;
right: 100%;
}
tr:last-child .has-tooltip tooltip {
top: auto;
bottom: 50%;
}
.has-tooltip:hover tooltip, .has-tooltip:hover:before {
display: block
}
.changePrice {
display: none;
overflow: hidden;
margin: 0px;
}
.changePriceContainer {
overflow: hidden;
float: right;
//min-height: 30px;
}
.changePriceContainer span.changeCurrency {
color: #999;
cursor: pointer;
display: none;
font-size: 16px;
line-height: 30px;
text-align: center;
padding: 0px 10px;
-webkit-box-shadow: 0 -2px 0 #e8e8e8 inset;
-moz-box-shadow: 0 -2px 0 #e8e8e8 inset;
-o-box-shadow: 0 -2px 0 #e8e8e8 inset;
box-shadow: 0 -2px 0 #e8e8e8 inset;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.changePriceContainer span.changeCurrency.action {
color: #333;
cursor: default;
box-shadow: 0 -2px 0 #333 inset;
}
.changePriceContainer span.changeCurrency.showThis {
display: inline-block;
}
.download-desktop {
text-align: center;
font-size: 16px;
margin: 10px auto 60px;
font-size: 14px;
width:95%;
}
.download-desktop a {
border-bottom: 1px solid #03a9f5;
position: relative;
display: none;
}
.download-desktop.download-desktop-bottom{
text-align: right;
}
.download-desktop.download-mobile{
/* margin-bottom: 20px;
text-align: center;
font-size: 16px;
margin-top: 8px;*/
}
.zenabled:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 4px;
background: #00add5;
}
.zfiltered{
opacity:0.1;
}
.zplan-heading.zfiltered:before{
display:none;
}
td span.ztick{
display: inline-block;
text-align: center;
height: 10px;
width: 11px;
margin: 0 auto;
position:relative;
vertical-align: middle;
overflow: hidden;
text-indent: -999px;
}
td span.ztick::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-indent: initial;
background: url("../images/icons/yes-tick.png") left top no-repeat;
background-size: auto auto;
background-size: cover;
}
.common-section-filter-inner {
display: inline-block;
font-size: 18px;
cursor: pointer;
float: right;
margin: 10px 3px;
}
.lang-ar .common-section-filter-inner {
float: left;
}
.common-section-filter-container {
padding: 5px 0;
margin: 0 auto 10px;
width:95%;
line-height: 0;
overflow: hidden;
}
.common-section-filter-inner span {
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid #777777;
vertical-align: middle;
margin-right: 5px;
margin-top: -4px;
position: relative;

}
.lang-ar .common-section-filter-inner span {
margin: 0 0 0 5px;
}
.lang-ar .sbanner-section h1, .lang-ar .download-desktop, .lang-ar tr:first-child th h3, .lang-ar tr:first-child th, .lang-ar .logged-out, .i18n-ar .comparison-list-container td {
text-align: center;
}

tr:first-child th:hover>a{
color: #000;
}
.lang-ar .download-desktop.download-desktop-bottom{
text-align: left;
}
.common-section-filter-inner.zactive span:before,.common-section-filter-inner.zactive span:after {
background: #333;
content: "";
height: 2px;
left: 3px;
position: absolute;
top: 6px;
transform: rotate(45deg);
width: 5px;
}
.common-section-filter-inner.zactive span:before {
left: 5px;
top: 5px;
transform: rotate(-45deg);
width: 7px;
}
.nomargin{
background: #fffdfd;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 90px;
}



.price_offer h1{
font-weight: bold;
padding-bottom: 10px;
margin-top: unset;
}
.price_offer h3{
font-weight: 600;
}
.price_cut{
color: grey;
}
.price_offer a{
background: #3b8004;
color: #fff;
}
.price_offer a:hover{
color: black;
border:1px solid black;
}
.ost_box{
display: block;
margin: 0 auto;
}


/******************* N Code Ends Here ************************/
      @media (min-width: 765px){
.lan-case {
   width: 12.5% !important;
   padding: 0px !important;
   margin: 0 !important;

}
.lan-case a{
   font-size: 12px !important;
   padding: unset !important;
}
.lan-case span img{
   width: 14% !important;
}
}

         @media (min-width: 800px){
.lan-case {
   width: 12.5% !important;
   margin-top:-7px !important;
   margin-bottom: -12px !important;
   padding: 10px 10px !important;

}
.lan-case a{
   font-size: 12px !important;
   padding: unset !important;
}
.lan-case span img{
   width: 14% !important;
}
}