html,
body
{
   font-family: 'Roboto', sans-serif;
   color: #363636;
   font-size: 14px;
   padding: 0;
   margin: 0;
   background: #FFFFFF;
   height: 100% !important;
   font-weight: 400;
   position: relative;
}
.wraps
{
   min-height: 100%;
   height: auto !important;
   height: 100%;
}
/*A CLASS*/
a
{
   text-decoration: none !important;
   -o-transition: .3s;
   -ms-transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   transition: 0.3s;
   color: #585858;
}
a:hover
{
   text-decoration: none !important;
   -o-transition: .3s;
   -ms-transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   transition: 0.3s;
   color: #00CCFF;
}
a.whiteA
{
   color: white;
   margin-right: 10px;
   padding-right: 10px;
   border-right: 1px solid rgba(255, 255, 255, 0.30);
}
a.whiteRoundedA
{
}
a.whiteRoundedA:hover
{
   background-color: white !important;
   /*+box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.400) !important;*/
   -moz-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.400) !important;
   -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.400) !important;
   box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.400) !important;
   color: #2A3D42;
}
a.whiteA:hover
{
   color: #E86800;
}
a.whiteA.active
{
   color: #E86800;
}
a.whiteA:last-child
{
   border: none;
   padding: 0;
   margin: 0;
}
.colorBlue
{
   color: #00CCFF;
}
.colorRed
{
   color: #E63024;
}
.colorWhite
{
   color: white;
}
.boxShadow
{
   /*+box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);*/
   -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
   -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
::-moz-selection
{
   /* Code for Firefox */
   color: #FFFFFF;
   background: #00CCFF;
}
::selection
{
   color: #FFFFFF;
   background: #00CCFF;
}
/*HEADER*/
.top-menu
{
   background: #16A8CC;
   padding-top: 10px;
   padding-bottom: 10px;
}
header
{
   position: relative;
}
.top-menu ul
{
   padding: 0;
   margin: 0;
}
.top-menu ul li:last-child
{
   border: none;
   margin: 0;
}
.top-menu ul li a
{
   color: white;
   /*+opacity: 0.8;*/
   -filter: alpha(opacity=80);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
}
.top-menu ul li a:hover
{
   /*+opacity: 1;*/
   -filter: alpha(opacity=100);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   -moz-opacity: 1;
   opacity: 1;
}
.top-menu ul li a.socialA
{
   margin-right: 10px;
}
.logo
{
   position: relative;
   /*+transform: scale(0.85);*/
   -webkit-transform: scale(0.85);
   -moz-transform: scale(0.85);
   -o-transform: scale(0.85);
   -ms-transform: scale(0.85);
   transform: scale(0.85);
   z-index: 1;
}
.logo-bg
{
   position: absolute;
   width: 320px;
   height: 320px;
   background: #FFFFFF;
   /*+transform: rotate(45deg);*/
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: -160px;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
   z-index: 1;
   border: 10px solid rgba(0, 203, 255, 0.25);
   /*+box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.103);*/
   -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.103);
   -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.103);
   box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.103);
}
.logo-content
{
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   text-align: center;
   z-index: 2;
   top: 25px;
   display: inline-block;
   width: 175px;
}
.main-menu
{
   background: #00CCFF;
   padding-top: 30px;
   padding-bottom: 30px;
   position: relative;
}
.menu
{
   position: absolute;
   z-index: 60;
   width: 100%;
}
.ms-layer{
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
}
.main-menu:after
{
   position: absolute;
   content: "";
   width: 100%;
   height: 13px;
   background: #00CCFF;
   bottom: -13px;
   /*+opacity: 0.3;*/
   -filter: alpha(opacity=30);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
   -moz-opacity: 0.3;
   opacity: 0.3;
   z-index: -1;
}
ul.MainMenuUL
{
   padding: 0;
   margin: 0;
   font-size: 16px;
   font-weight: 500;
   position: relative;
}
ul.MainMenuUL > li
{
   position: relative;
   z-index: 50;
}
ul.MainMenuUL > li > a
{
   color: white;
   position: relative;
   display: inline-block;
}
ul.MainMenuUL > li > a:before
{
   position: absolute;
   content: "";
   height: 2px;
   width: 0%;
   background: #16A8CC;
   bottom: -10px;
   left: 0;
   right: 0;
   margin: auto;
   /*+transition: 0.3s;*/
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
ul.MainMenuUL > li > a:hover:before
{
   width: 100%;
}
ul.MainMenuUL > li > a:hover
{
   /*(*+opacity: 0.5;*)
   -filter: alpha(opacity=50);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;*/
   color: #16A8CC;
}
ul.MainMenuUL li:hover > ul.submenu
{
   visibility: visible;
   /*+opacity: 1;*/
   -filter: alpha(opacity=100);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
   -moz-opacity: 1;
   opacity: 1;
   left: 0;
   /*+transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);*/
   -webkit-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -o-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
ul.MainMenuUL ul.submenu
{
   position: absolute;
   font-weight: 400;
   font-size: 15px;
   list-style: none;
   margin: 0;
   padding: 0;
   background: #181716 !important;
   visibility: hidden;
   left: -15px;
   top: 45px;
   text-align: left;
   display: inline-block;
   /*+transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);*/
   -webkit-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -o-transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   transition: all 0.6s cubic-bezier(0.680, -0.550, 0.265, 1.550);
   /*+opacity: 0;*/
   -filter: alpha(opacity=0);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
   box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.188);
   white-space: nowrap;
}
ul.MainMenuUL ul.submenu ul.submenu-alt
{
   left: 104% !important;
}
ul.MainMenuUL ul.submenu ul.submenu-alt:before
{
   left: -3px;
   top: 11px;
}
ul.MainMenuUL ul.submenu:before
{
   position: absolute;
   content: "";
   width: 20px;
   height: 20px;
   background: #181716;
   /*+transform: rotate(45deg);*/
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   top: -6px;
   left: 16px;
}
ul.MainMenuUL ul.submenu li
{
   list-style: none;
   padding: 0 !important;
   margin: 0 !important;
}
ul.MainMenuUL ul.submenu li a
{
   font-size: 14px;
   text-align: left !important;
   padding: 10px 15px 10px 25px;
   display: inline-block;
   border-bottom: 1px solid #484848;
   width: 100%;
   color: white;
   background-color: transparent;
   position: relative;
}
ul.MainMenuUL ul.submenu li:last-child a
{
   border: transparent;
}
ul.MainMenuUL ul.submenu li a:before
{
   position: absolute;
   content: "\f105";
   font-family: fontawesome;
   left: 10px;
}
ul.MainMenuUL ul.submenu li a:hover
{
   background-color: #00CCFF;
}
/*BANNER*/
.banner
{
   position: absolute;
   width: 100%;
   top: 0;
   height: 100%;
   display: flex;
   align-items: center;
}
.banner-bg
{
   position: absolute !important;
   bottom: 0;
   width: 100%;
   height: 138px;
   background: url(../img/banner-bg.png) bottom center;
   z-index: 2;
   left: 0px;
   right: 0px;
   margin: auto;

}
.banner-content
{
   height: 100% !important;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   text-align: left;
   color: #2A3D42;
}
.c-item
{
   /*background: red;*/
   text-align: center;
   padding: 50px;
}
a.buttonRounded
{
   display: inline-block;
   padding: 15px 30px 15px 15px;
   background: #00CCFF;
   color: white;
   position: relative;
   text-transform: uppercase;
   margin-top: 15px;
   /*+border-radius: 60px;*/
   -moz-border-radius: 60px;
   -webkit-border-radius: 60px;
   -khtml-border-radius: 60px;
   border-radius: 60px;
   /*+box-shadow: 0px 0px 0px 6px rgba(0, 203, 255, 0.4);*/
   -moz-box-shadow: 0px 0px 0px 6px rgba(0, 203, 255, 0.4);
   -webkit-box-shadow: 0px 0px 0px 6px rgba(0, 203, 255, 0.4);
   box-shadow: 0px 0px 0px 6px rgba(0, 203, 255, 0.4);
}
a.buttonRounded:hover
{
   background-color: #2A3D42;
   /*+box-shadow: 0px 0px 0px 6px rgba(42, 61, 66, 0.4);*/
   -moz-box-shadow: 0px 0px 0px 6px rgba(42, 61, 66, 0.4);
   -webkit-box-shadow: 0px 0px 0px 6px rgba(42, 61, 66, 0.4);
   box-shadow: 0px 0px 0px 6px rgba(42, 61, 66, 0.4);
}
a.buttonRounded:after
{
   position: absolute;
   content: "\f055";
   font-family: fontawesome;
   right: 10px;
   font-size: 16px;
   line-height: 1.3;
}
/*S-HOME-TEXT*/
.home-text p
{
   color: #9D9D9D;
   font-weight: 100;
}
.home-text
{
   position: relative;
   padding-bottom: 15px;
   margin-bottom: 30px;
}
.home-text:before,
.home-text:after
{
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   text-align: center;
}
.home-text:before
{
   width: 30%;
   height: 1px;
   background: #00CCFF;
}
.home-text:after
{
   width: 20px;
   height: 20px;
   background: #00CCFF;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
   bottom: -9px;
   border: 5px solid #FFFFFF;
}
/*S-HOME-PRODUCT*/
.product-nav-card
{
   background: #2A3D42;
   color: #A0A0A0;
   font-weight: 100;
   padding: 0 30px;
   text-align: right;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: center;
}
.product-nav-card h3
{
   margin-bottom: 15px !important;
   color: #00CCFF;
}
.owl-nav
{
   padding-top: 15px;
   padding-bottom: 15px;
}
.owl-nav a
{
   font-size: 24px;
   display: inline-block;
   background: transparent;
   width: 35px;
   text-align: center;
   height: 35px;
   color: #00CCFF;
   border: 1px solid #00CCFF;
}
.owl-nav a:hover
{
   background-color: #00CCFF;
   color: white;
}
.owl-nav a:first-child
{
   /*+border-radius: 50px 0 0 50px;*/
   -moz-border-radius: 50px 0 0 50px;
   -webkit-border-radius: 50px 0 0 50px;
   -khtml-border-radius: 50px 0 0 50px;
   border-radius: 50px 0 0 50px;
}
.owl-nav a:last-child
{
   /*+border-radius: 0 50px 50px 0;*/
   -moz-border-radius: 0 50px 50px 0;
   -webkit-border-radius: 0 50px 50px 0;
   -khtml-border-radius: 0 50px 50px 0;
   border-radius: 0 50px 50px 0;
}
/*PRODUCT-CARD*/
.product-card
{
   position: relative;
   box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.2);
   padding-bottom: 50px;
   overflow: hidden;
}
.product-card a
{
   position: absolute;
   display: inline-block;
   width: 100%;
   height: 100%;
   z-index: 2;
}
.product-owl .item
{
   padding: 10px;
   margin: 0 !important;
}
.product-owl
{
   margin-top: -10px;
}
.product-card:hover .product-card-content
{
   background: #00CCFF !important;
   bottom: -40px;
   color: white !important;
}
.product-card:hover .product-card-content p
{
   color: white;
}
.product-card:hover .reset-skew
{
   border-left-color: #2A3D42;
}
.product-card:hover .product-card-content h4
{
   color: white;
}
.product-card-content h4
{
   /*+transition: 0.3s;*/
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
.product-card-content
{
   position: absolute;
   bottom: -50px;
   width: 100%;
   background: rgba(42, 61, 66, 0.9);
   /*+transform: skewY(15deg);*/
   -webkit-transform: skewY(10deg);
   -moz-transform: skewY(10deg);
   -o-transform: skewY(10deg);
   -ms-transform: skewY(10deg);
   transform: skewY(10deg);
   padding-bottom: 70px;
   padding-top: 35px;
   color: #A0A0A0;
   font-weight: 100;
   /*+transition: 0.3s;*/
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
.product-card-content p
{
   color: #A0A0A0;
}
.list-products{
	padding-bottom: 30px;
}
.reset-skew
{
   /*+transform: skewY(-15deg);*/
   -webkit-transform: skewY(-10deg);
   -moz-transform: skewY(-10deg);
   -o-transform: skewY(-10deg);
   -ms-transform: skewY(-10deg);
   transform: skewY(-10deg);
   border-left: 5px solid #00CCFF;
   padding-left: 19px;
   padding-right: 20px;
   /*+transition: 0.3s;*/
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
/*TAB*/
.product-detail-tabs
{
   margin-top: 30px;
}
.product-detail-tabs.nav > li > a,
.vertical-tabs > li > a
{
   background-color: #E2E2E2;
   font-weight: 300;
   color: #424242;
   padding: 15px;
   margin-right: 5px;
   border-radius: 0;
   border: none;
   border-top: 2px solid transparent;
}
.product-detail-tabs.nav > li > a:hover
{
   border-top: 2px solid #00CCFF;
}
.product-detail-tabs.nav > li.active > a,
.vertical-tabs > li.active > a,
.vertical-tabs > li.active > a:focus
{
   background-color: #00CCFF !important;
   color: #FFF;
}
.product-detail-tabs.nav > li.active > a > i
{
   color: #FFF;
   margin-right: 6px;
}
.product-detail-tabs.nav > li > a > i
{
   margin-right: 6px;
}
.product-detail-tabs > a i
{
   color: #00CCFF;
   margin-right: 10px;
}
.product-detail-tabs.nav-tabs > li.active > a,
.product-detail-tabs.nav-tabs > li.active > a:focus,
.product-detail-tabs.nav-tabs > li.active > a:hover,
.vertical-tabs > li.active > a,
.vertical-tabs > li.active > a:hover,
.vertical-tabs > li.active > a:focus
{
   border: none;
   border-top: 2px solid transparent;
}
.product-detail-tabs-wrapper .tab-content
{
   padding: 40px 0 0;
}
.vertical-tabs.nav-tabs
{
   border-bottom: 1px solid transparent;
}
.vertical-tabs.nav-tabs li
{
   float: none;
}
.type-header
{
   font-size: 15px;
   font-weight: 300;
   margin: 5px 0;
   background-color: #C1C1C1;
   color: #424242;
   padding: 10px 15px;
   border-radius: 0;
   border: none;
   border-top: 2px solid transparent;
}
.vertical-tabs > li > a
{
   font-size: 14px;
   font-weight: 300;
   padding: 10px 10px;
   margin: 5px 0;
}
.vertical-tabs.nav-tabs > li > a:hover
{
   border: none;
   border-top: 2px solid #00CCFF;
   background-color: #E2E2E2;
}
.vertical-tabs + .tab-content
{
   padding: 0 15px;
}
.table-striped.porperty-table .property-value
{
   text-align: right;
}
.product-family-images img
{
   width: 33.33333333%;
   padding-left: 0px;
   padding-right: 15px;
   float: left;
   margin-bottom: 20px;
}
.auth-alert
{
   text-align: center;
   font-size: 15px;
   font-weight: 300;
   border-radius: 0;
   border-color: #FFD3D3;
   background-color: #FFD3D3;
   padding: 20px 15px;
   position: relative;
}
.auth-alert span:first-child
{
   float: left;
   font-size: 36px;
   position: absolute;
   left: 30px;
   right: auto;
   top: 50%;
   transform: translate(-15px, -50%);
}
/*HOME-ADV*/
.home-adv
{
   background: url(../img/adv-bg.jpg) center center fixed;
   height: 400px;
   text-align: center;
   position: relative;
   color: rgba(255, 255, 255, 0.8);
}
.home-adv:before
{
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #218AA3;
   /*+opacity: 0.7;*/
   -filter: alpha(opacity=70);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
}
.home-adv-content
{
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
   justify-content: center;
   height: 100%;
}
/*DETAY-HEADİNG*/
.heading
{
   height: 400px;
   position: relative;
   background: url(../img/demo-h.jpg) center center;
   display: flex;
   justify-content: center;
   flex-direction: column;
}
.heading:after
{
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   background: #000000;
   opacity: 0.6;
   left: 0;
   top: 0;
}
.header-content
{
   position: relative;
   z-index: 5;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   height: 100%;
   color: white;
}
.header-content h2
{
   position: relative;
   display: inline-block !important;
   margin-bottom: 30px;
}
.header-content h2:before
{
   position: absolute;
   content: "";
   width: 70%;
   height: 1px;
   background: #00CCFF;
   left: 0;
   right: 0;
   bottom: -15px;
   margin: auto;
}
.header-content h2:after
{
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   bottom: -20px;
   margin: auto;
   width: 12px;
   height: 12px;
   background: #00CCFF;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
}
.breadcrumb{
	background: transparent;
	padding: 0px 0px 30px 0px;
	
	border-bottom: 1px solid #CCC;
}
/*DETAIL*/
.list-products .product-card
{
   margin-bottom: 30px;
}
.owl-big-product
{
   border: 1px solid #E1E1E1;
   margin-bottom: 10px;
}
.detail-product-img
{
   margin-bottom: 30px;
}
.detail-product-img .owl-thumbs .item
{
   border: 1px solid #E1E1E1;
   cursor: pointer;
   /*+transition: 0.3s;*/
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}
.detail-products{
	padding-bottom: 30px;
}
.reference-thumb{
	border: 1px solid #CCC
}
.reference-thumb:hover{
	border-color:#00CCFF;
}
.detail-product-img .owl-thumbs .item:hover
{
   /*+opacity: 0.5;*/
   -filter: alpha(opacity=50);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
   -moz-opacity: 0.5;
   opacity: 0.5;
}
.detail-product-content a.buttonRounded
{
   margin-right: 25px !important;
}
.detail-product-content h3, .page-header-wrapper h3
{
   padding: 0 0 15px 0;
   margin: 0 0 15px 0;
   position: relative;
   color: #00CCFF;
}
.detail-product-content h3:before, .page-header-wrapper h3:before
{
   position: absolute;
   content: "";
   left: 0;
   width: 150px;
   height: 1px;
   background: #00CCFF;
   bottom: 0;
}
.detail-product-content h3:after, .page-header-wrapper h3:after
{
   position: absolute;
   content: "";
   left: 20px;
   bottom: -4px;
   margin: auto;
   width: 10px;
   height: 10px;
   background: #00CCFF;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
}
.lineHeading
{
   padding: 0 0 15px 0;
   margin: 0 0 15px 0;
   position: relative;
   color: #131C1F;
}
.lineHeading:before
{
   position: absolute;
   content: "";
   left: 0;
   width: 150px;
   height: 1px;
   background: #00CCFF;
   bottom: 0;
}
.lineHeading:after
{
   position: absolute;
   content: "";
   left: 20px;
   bottom: -4px;
   margin: auto;
   width: 10px;
   height: 10px;
   background: #00CCFF;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
}
.detail-product-content H1
{
   padding: 0 0 15px 0;
   margin: 0 0 15px 0;
   position: relative;
   color: #00CCFF;
}
.detail-product-content H1:before
{
   position: absolute;
   content: "";
   left: 0;
   width: 150px;
   height: 1px;
   background: #00CCFF;
   bottom: 0;
}
.detail-product-content H1:after
{
   position: absolute;
   content: "";
   left: 20px;
   bottom: -4px;
   margin: auto;
   width: 10px;
   height: 10px;
   background: #00CCFF;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
}
.detail-product-content ul
{
   margin: 0 0 30px 0;
   padding: 0 0 0 15px;
}
.detail-product-content ul li
{
   list-style: none;
   position: relative;
   padding-left: 20px;
   margin-bottom: 10px;
}
.detail-product-content ul li:after
{
   position: absolute;
   font-family: Fontawesome;
   content: "\f00c";
   left: 0px;
   top: 0;
   color: #16A8CC;
}
.page-header-wrapper{
	margin-bottom: 30px; 
}
/*FOOTER*/
footer
{
   background: #131C1F;
   position: relative;
   z-index: 0;
   color: #C3C8CE;
   position: relative;
   padding-top: 30px;
   padding-bottom: 30px;
}
.f-left a
{
   font-size: 24px;
   margin-top: 15px;
   display: inline-block;
   margin-right: 10px;
   color: #C3C8CE;
}
.f-right a
{
   color: #C3C8CE;
}
.f-right a:hover
{
   color: #00CCFF;
}
.f-left a:hover
{
   color: #00CCFF;
}
footer:after
{
   background: url(../img/adv-bg.png) bottom center;
   position: absolute;
   content: "";
   width: 100%;
   height: 82px;
   left: 0;
   top: -82px;
}
.footer-content
{
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
   justify-content: center;
}
#nav-icon1
{
   float: right;
   display: inline-block;
   padding: 15px;
   right: 10px;
   top: 20px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: 0.5s ease-in-out;
   cursor: pointer;
   /*background: red;*/
   height: 55px;
   width: 55px;
   /*+border-radius: 50%;*/
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   -khtml-border-radius: 50%;
   border-radius: 50%;
   border: 2px solid #FFFFFF;
}
#nav-icon1 span
{
   display: block;
   position: absolute;
   width: 30px;
   height: 3px;
   background: #FFFFFF;
   opacity: 1;
   right: 10px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1)
{
   top: 16px;
}
#nav-icon1 span:nth-child(2)
{
   top: 24px;
   width: 30px;
}
#nav-icon1 span:nth-child(3)
{
   top: 32px;
}
#nav-icon1.open span:nth-child(1)
{
   top: 24px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2)
{
   opacity: 0;
   width: 0%;
}
#nav-icon1.open span:nth-child(3)
{
   top: 24px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
}
.responsive-menu{
   padding-right: 15px;
}
.responsive-menu a{
   color: whitesmoke;
}
.responsive-menu a:hover{
   opacity: 0.7;
}
.mm-navbar-top{
   height: 100px;
   padding-bottom: 15px !important;

}
.mm-panels{
   top: 100px !important;
}

/* Contact Form */
.form-wraper {
   background: #FFFFFF;
   border-top: 3px solid #00CCFF;
   padding: 20px 15px;
   margin-top: -75px;
   box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.051);
   margin-bottom: 50px;
}
.form-wraper .btn-primary {
   border-radius: 0;
   padding: 12px;
   height: 50px;
}
.contact-area hr {
   width: 20%;
}
.contact-area .phone-icon {
   display: inline-block;
}
.contact-area i.icon-Phone2 {
   color: #00CCFF;
   font-size: 50px;
   vertical-align: middle;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
}
.contact-area p.phone-number {
   display: inline-block;
   font-size: 28px;
   font-weight: 600;
   line-height: 23px;
   margin-left: 10%;
}
.contact-area p.phone-number small {
   font-size: 16px;
   font-weight: 400;
}
.contact-area #captcha {
   margin-left: 30px;
}
.form-captcha label {
   display: inline-block;
   max-width: 27%;
   margin-bottom: 5px;
   font-weight: 700;
   float: left;
}
/*.cfgen-captcha-input{
    display: inline-block;
    max-width: 70%;
    width: inherit;
    float: left;
}*/
.captcha-control img {
   display: inline-block;
   height: 25px;
   width: auto;
   margin-right: 10px;
   padding: 0;
   margin-top: 5px;
}
.cfgen-captcha-refresh .fa-refresh {
   font-size: 18px;
}
.cfgen-errormessage {
   background: rgba(255, 0, 0, 0.214);
   border: 1px solid rgba(255, 0, 0, 0.154);
   display: inline-block;
   margin-left: 15px;
   margin-right: -15px;
   padding: 10px;
   margin-bottom: 10px;
   color: red;
   /*+border-radius: 5px;*/
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
}
.cfgen-label {
   display: none;
}
.form-control {
   display: block;
   width: 100%;
   height: 45px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: #FFF;
   background-image: none;
   border: 1px solid #CCC;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.cfgen-captcha-refresh {
   font-size: 30px;
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   color: #E63024;
}
.cfgen-captcha-refresh:hover {
   cursor: pointer;
}
/* Contact Form End */