@font-face {
    font-family: 'DINOT-Regular';
    src: url('../fonts/DINOT-Regular.eot') format('embedded-opentype'),
    url('../fonts/DINOT-Regular.woff') format('woff'),
    url('../fonts/DINOT-Regular.ttf') format('truetype'),
    url('../fonts/DINOT-Regular.svg') format('svg');
}

@font-face {
  font-family: 'DINOT-Bold';
  src: url('../fonts/DINOT-Bold.eot') format('embedded-opentype'),
    url('../fonts/DINOT-Bold.woff') format('woff'),
    url('../fonts/DINOT-Bold.ttf') format('truetype'),
    url('../fonts/DINOT-Bold.svg') format('svg');
}

@font-face {
  font-family: 'PTSerif-Bold';
  src: url('../fonts/PTSerif-Bold.eot') format('embedded-opentype'),
    url('../fonts/PTSerif-Bold.woff') format('woff'),
    url('../fonts/PTSerif-Bold.ttf') format('truetype'),
    url('../fonts/PTSerif-Bold.svg') format('svg');
}







body {
	
	padding: 0;
	margin: 0;
	color: #4A4A4A;
	letter-spacing: normal;
	line-height: 23px;
	font-weight: normal;
	font-size: 18px;
	font-family: 'DINOT-Regular';
}
h1,h2,h3,h4,h5,h6{
	margin: 0 0 20px 0;
	line-height: normal;
	color: #4A4A4A;
	font-weight: normal;
    font-family: 'DINOT-Bold';
}
h1 {
	font-size: 60px;
    line-height: 69px;

}
h2{
	font-size: 45px;
    line-height: 52px;
}
h3{	
    font-size: 35px;
    line-height: 41px;
}
h4{
	font-size: 30px;
    line-height: 34px;
}
h5{
	font-size: 23px;
}
h6{
	font-size: 20px;
    line-height: 30px;
    font-family: 'DINOT-Regular';
}
p{
	margin: 0 0 20px 0;
    line-height: 28px;
    font-size: 18px;
    
}
ul , ol{
	padding: 0px;
	margin: 0 0 20px 10px;
}
ul li , ol li{
	margin: 0 0 15px 10px;
	padding: 0px;
    line-height: 28px;
}
a, a:visited, a:focus{
	text-decoration: none;
	outline: none;
	color: #0B71B4;
}

p a{
    text-decoration: none;
    outline: none;
    color: #0B71B4;
    border-bottom: 1px solid #0B71B4;
}


a:hover {
	text-decoration: none;
}    
img{
	max-width: 100%;
}


.single-product-info img {
    padding-top: 20px;
    padding-bottom: 20px;
}

.flags img{
    padding-top: 15px;
    padding-bottom: 15px;
}

input, textarea, a, img {
	outline: none !important;
}
section:before , section:after{
	clear: both;
	display: table;
	content: "";
}
section{
	position: relative;
	clear: both;
	padding:55px 0;
	display: inline-block;
	float: left;
	width: 100%;
    z-index: 1;
}
/*input[type="text"] , input[type="password"] , input[type="email"] , input[type="url"] , input[type="phone"] , textarea{
	border: 1px solid #58646a;
	width: 100%;
	padding: 0 20px;
	background: #ffffff;
	//height: 42px;
}*/

/*textarea{
	height: 150px;
	resize: none;
	padding: 20px;
}*/
table{	
	margin-bottom: 0px;
	overflow-x: auto;
}
td , th{
	padding: 10px 20px;
	border-right: 1px solid #e1e1e1;
}
tr th:first-child , tr td:first-child{
}
th,tr{	
	border: 1px solid #e1e1e1;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0px;
   padding-left: 0;
}
.top-pad {
    padding-top: 90px !important;
}
.bottom-pad {
    padding-bottom: 90px !important;
}
.pad-zero {
    padding: 0 !important;
}
.bottom-pad-zero {
    padding-bottom: 0 !important;
}
.blue-color {
    color: #81AAD8 !important;
}
.green-color {
    color: #45BCBC!important;
}
.orange-color {
    color: #D0902F!important;
}
.purple-color {
    color: #73497B!important;
}
.dark-blue-color {
    color: #464372!important;
}
.pink-color {
    color: #E3708D!important;
}
.gray-color {
    color: #6F6F6F!important;
}
.bg-light-gray {
    background: #EBEBEB;
}
.bg-dark-blue {
    background: #316C8C;
}
.bg-gray {
    background: #4A4A4A;
}
.wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
/*---------header-part---------*/
.header-part {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0;
    z-index: 999;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);

}
.header-part.sticky {
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.25);
}
.header-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.header-logo {
    position: absolute;
    display: inline-block; 
    left: 37.5px;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%); 
}
.top-logo {
    display: block;
}
.sticky-logo {
    display: none;
}
.header-part.sticky .top-logo {
    display: none;
}
.header-part.sticky .sticky-logo {
    display: block;
}
nav {
    position: relative;
    display: inline-block;
    float: right;
}
.main-menu {
    position: relative;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
}
.main-menu li {
    display: inline-block;
    padding: 26px 0;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-menu li a {
    color: #0B71B4;
    padding: 19px 37.5px;
    display: block;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.header-part.sticky .main-menu li {
    padding: 0px 0 ;
}
.main-menu li:hover a {
    background: rgba(11, 113, 180, 0.13);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-menu li:hover li a {
    color: #0B71B4;
    background: none;
    font-family: 'DINOT-Bold';
}
.main-menu li.current-menu-item a{
    background: #0B71B4;
    color: #fff;
    font-family: 'DINOT-Bold';
}
.sub-menu {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    transform: translateX(-50%);
    top: calc(100% + 15px);
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.24);
    margin: 0;
    padding: 35px 25px 5px;
    width: 405px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sub-menu:after {
    position: absolute;
    content: '';
    left: 50%;
    -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    transform: translateX(-50%);
    top: -14px;
    width: 0;
    height: 0;
    background: none;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
.sub-menu:before {
    position: absolute;
    content: '';
    left: 0%;
    top: -15px;
    width: 100%;
    height: 15px;
    background: none;
    z-index: 1;
}
.sub-menu li {
    position: relative;
    display: block;
    padding: 0 0px 30px 0;
    margin: 0;
}
.header-part.sticky .sub-menu li {
    padding: 0 0px 30px 0;
}
.sub-menu li a {
    display: block;
    padding: 0;
     font-family: 'DINOT-Bold' !important;
}
.main-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/*-------------end header-part*/

/*----------main-----------*/
.home-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.home-slider-img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 550px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
}
.slider-caption {
    position: absolute;
    left: 0;
    top: 47%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%);
    width: 100%;
}
.slider-caption:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: -1;
}
.slider-caption-inner {
    position: relative;
    display: inline-block;
    width: 70%;
    padding: 33px 0 27px;
    min-height: 299px;
}
.slider-caption-inner h2 {
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 15px;
    line-height: 50px;
}

.slider-caption-inner h1 {
    font-size: 40px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 15px;
    line-height: 50px;
}

.slider-caption-inner p{
    color: #fff;
    margin-bottom: 30px;
}
.main-btn {
    position:relative;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 33px;
    background:#0B71B4;
    text-transform: uppercase;
    color: #fff !important;
    letter-spacing: 1px;
    font-family: 'DINOT-Bold';
    line-height: 1;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-btn:hover {
    color: #0B71B4 !important;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.21);
}
.main-btn.download-btn {
    padding-left: 50px;
    letter-spacing: 0.9px;
    font-family: 'DINOT-Bold';
}
.main-btn.download-btn img {
    position: absolute;
    left:20px;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 18px;
    height: 22px;
}
.main-btn .main-btn-hover-img {
    display: none;
}
.main-btn:hover .main-btn-hover-img {
    display: inline-block;
}
.main-btn:hover .main-btn-img {
    display: none;
}
.slider-caption-inner .main-btn {
    position: absolute;
    bottom: 27px;
    left: 0;
    min-width: 290px;
    text-align: center;
}
.home-slider.owl-theme .owl-nav {
    position: absolute !important;
    margin: 0 !important;
    display: inline-block !important;
    width: 100% !important;
    left: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important; 
    -ms-transform: translateY(-50%)!important; 
    -o-transform: translateY(-50%)!important;
    transform: translateY(-50%) !important;
}
.home-slider.owl-theme .owl-nav [class*='owl-'] {
    position: absolute !important;
    font-size: 0 !important;
    width: 28px !important;
    height: 23px !important;
    border: none !important;
    outline: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: url(../images/slider-arrow-right-white.svg) ;
    margin: 0 !important;
    padding:0 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home-slider .owl-prev {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) rotate(180deg) !important;
    -moz-transform: translateY(-50%) rotate(180deg) !important;
    -ms-transform: translateY(-50%) rotate(180deg) !important;
    -o-transform: translateY(-50%) rotate(180deg) !important;
    transform: translateY(-50%) rotate(180deg) !important;
}
.home-slider .owl-next {
    position: absolute !important;
    left: unset !important;
    right: 15px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.home-slider.owl-theme .owl-dots {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    bottom: 83px !important;
}
.owl-theme .owl-dots .owl-dot span{
    display: none !important;
}
.owl-theme .owl-dots .owl-dot {
    width: 17px!important;
    height: 17px!important;
    padding: 0!important;
    margin: 0 5px!important;
    background: url(../images/slider-menu-0.svg) no-repeat center;
    background-size: cover;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.owl-theme .owl-dots .owl-dot.active {
    background: url(../images/slider-menu-1.svg) no-repeat center;
}
.owl-theme .owl-dots .owl-dot:hover {
    background: url(../images/slider-menu-hover.svg) no-repeat center;
}
.product-row {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    z-index: 1;
    top: -100px;
    margin-bottom: -80px;
}
.product-blog {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 25px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.21);
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin-bottom: 30px;
    float: left;
}
.product-title {
    position: relative;
    display: inline-block;
    width: 100%;

}
.product-title h5 {
    position: relative;
    display: inline-block;
    padding: 9px 0; 
    width: 100%;
    margin-bottom: 25px;
    line-height: 26px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

.product-title h3 {
    position: relative;
    display: inline-block;
    font-size: 23px;
    padding: 9px 0; 
    width: 100%;
    margin-bottom: 25px;
    line-height: 26px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

.product-title h3.blue-color{
    border-top-color: #81AAD8;
}
.product-title h3.green-color{
    border-top-color: #45BCBC;
}
.product-title h3.orange-color{
    border-top-color: #D0902F;
}
.product-title h3.purple-color{
    border-top-color: #73497B;
}
.product-title h3.dark-blue-color{
    border-top-color: #464372;
}
.product-title h3.pink-color{
    border-top-color: #E3708D;
}
.product-title h3.gray-color{
    border-top-color: #6F6F6F;
}

.product-title h5.blue-color{
    border-top-color: #81AAD8;
}
.product-title h5.green-color{
    border-top-color: #45BCBC;
}
.product-title h5.orange-color{
    border-top-color: #D0902F;
}
.product-title h5.purple-color{
    border-top-color: #73497B;
}
.product-title h5.dark-blue-color{
    border-top-color: #464372;
}
.product-title h5.pink-color{
    border-top-color: #E3708D;
}
.product-title h5.gray-color{
    border-top-color: #6F6F6F;
}
.product-info {
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-info p {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 26px;
    color: #4A4A4A;
}
.read-more {
    position: relative;
    display: inline-block;
    float: right;
}
.product-blog:hover {
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.36);
}
.product-row-info {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding:0 0 20px 0;
}
.product-row-info-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.product-row-info-inner
.main-link {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #0B71B4;
}
.main-link:hover {
    border-bottom: 3px solid #0B71B4;
    color: #4A4A4A;
    text-decoration: none;
}
.product-blog-news {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 20px;
    border: 8px solid #fff;
    height: 265px;
}
.product-blog-news h5 {
    font-family: 'DINOT-Regular';
    text-transform: uppercase;
    letter-spacing: 0.85px;
}

.product-blog-news h3 {
    font-family: 'DINOT-Regular';
    text-transform: uppercase;
    letter-spacing: 0.85px;
    font-size: 23px;
}

.product-blog-news p strong {
    font-family: 'DINOT-Bold';
    display: block;

}

li strong {
    font-family: 'DINOT-Bold';
    font-weight: normal;
    display: block;

}

.service-part {
    padding: 45px 0 61px;
}
.service-part .content-title {
    margin-bottom: 40px;
}
.service-row {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.service-blog {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding:27px 23px;
    border-radius: 5px;
    border: 1px solid #0B71B4;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
}
.service-blog:hover {
   box-shadow:0px 0px 0px 2px #0B71B4 inset;
}
.service-blog:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.service-blog h6 {
    color: #0B71B4;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    display: inline-block;
    padding-right: 30px;
    letter-spacing: 1.3px;
    font-family: 'DINOT-Bold';
}
.service-blog h6 img {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.service-blog p {
    color: #4A4A4A;
    margin-bottom: 10px;
}
.content-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.content-title.center-align {
    text-align: center;
}
.content-title h5 {
    font-family: 'DINOT-Regular';
    color: #4A4A4A;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*-------------footer-part-------*/
.footer-part {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.footer-top {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    background: #444749;
    padding: 26px 0 111px;
}
.footer-top p {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
}
.footer-menu {
    position: relative;
    display: inline-block;
    float: right;
    padding: 0;
    margin: 0;
}
.footer-menu li {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    margin: 0;
    float: left;
}
.footer-menu li:after {
    position: absolute;
    content: '';
    left: -1px;
    top: 3px;
    width: 2px;
    height: 13px;
    background: #fff;
}
.footer-menu li:first-child:after {
    display: none;
}
.footer-menu li:last-child {
    padding-right: 0;
}
.footer-menu li a {
    font-family: 'DINOT-Bold';
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.footer-menu li:hover a {
    color: #B2B2B2;
}
.footer-menu li.active a {
    color: #0B71B4; 
}
.footer-bottom {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 12px 0;
    float: left;
}
.footer-bottom p {
    font-size: 14px;
    display: inline-block;
    float: left;
    color: #fff;
    margin-bottom: 0;
    padding: 8px 0;
}
.footer-bottom p a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.btn-ok {
    position: relative;
    display: inline-block;
    float: right;
    padding: 5px 30px;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'DINOT-Bold';
    border: 2px solid #fff;
    border-radius: 33px;
}
.header-shadow {
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
}
.main-title {
    padding: 0 0 100px 0;
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.main-title-outer {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    border-top: 7px solid #fff !important;
    padding-top: 35px;
}

.main-title-bottom {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    border-top: 0px solid #fff;
    padding-top: 35px;
}

.main-title-outer.custom-pad {
    padding-top: 0px;
}

.main-title-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 700px;
    float: left;
    padding-bottom: 30px;
}
.main-title-inner h2 {
    text-transform: uppercase;
    margin-bottom: 40px;
}
.wet-etching {

    padding-bottom: 0px;
}
.series-blog {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 23px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.33);
    margin-bottom: 24px;
    float: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.series-blog:hover {
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.33);
}

.series-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;

}
.series-title h6 {
    padding: 13px 0 10px;
    border-top: 5px solid #81AAD8;
    border-bottom: 5px solid transparent;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 1;
    color: #81AAD8;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-family: 'DINOT-Bold';
}
.product-img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.product-img p{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.product-img .read-more {
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
}

.fixed-btn {
    position: fixed;
    right: 15px;
    bottom: 15px;
    background: #0B71B4;
    border-radius: 25px;
    font-family: 'DINOT-Bold';
    letter-spacing: 0.9px;
    color: #fff !important;
    padding: 15px 25px 15px 20px;
    z-index: 9999999;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fixed-btn img {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
.fixed-btn:hover {
    padding: 20px 25px 20px 20px;
    /*color: #fff;*/
    border-radius: 30px;
}
.footer-bottom-pad {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    background: #EBEBEB;
}
/*----------end--footer--------*/

/*------------single-product------------*/
.main-title.custom-pad {
    padding-bottom: 0px;
}
.product-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 0px;
}
.product-slider img {
    width: auto !important;
    margin: auto;
}
.product-slider.owl-theme .owl-nav {
    margin: 0 !important;
    display: inline-block !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 30px !important;
}
.product-slider.owl-theme .owl-nav [class*='owl-'] {
    position: absolute !important;
    font-size: 0 !important;
    width: 28px !important;
    height: 23px !important;
    border: none !important;
    outline: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: url(../images/arrow-right.svg) ;
    margin: 0 !important;
    padding:0 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.6;
}
.product-slider .owl-prev {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) rotate(180deg) !important;
    -moz-transform: translateY(-50%) rotate(180deg) !important;
    -ms-transform: translateY(-50%) rotate(180deg) !important;
    -o-transform: translateY(-50%) rotate(180deg) !important;
    transform: translateY(-50%) rotate(180deg) !important;
}
.product-slider .owl-next {
    position: absolute !important;
    left: unset !important;
    right: 15px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}
.product-slider.owl-theme .owl-dots {
    position: absolute !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    bottom: 10px !important;
}
.sidenav {
    position: relative;
    display: block;
    padding: 6px 20px;
    background: #fff;
    border-bottom:7px solid #81AAD8;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
 }
.sidenav h6 {
    margin-bottom: 0;
    letter-spacing: 0.95px;
    font-family: 'DINOT-Bold';
}
.sidenav h2 {
    color: #81AAD8;
    margin-bottom: 0;
    position: relative;
    display:inline;
    padding-right: 30px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.caret-icon {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidenav:hover .caret-icon {
    font-size: 30px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.sidenav-menu {
    position: absolute;
    left: 0;
    top: 30px;
    padding: 16px 19px;
    margin: 0;
    display: none;
    background: #fff;
    z-index: 1111;
    width: 400px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.27);
}
.sidenav-menu.open {
    display: block;
}
.sidenav-menu li {
    display: block;
    padding: 16px 0px;
    line-height: 33px;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidenav-menu li a {
    font-size: 24px;
    font-family: 'DINOT-Bold';
    color: #81AAD8;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.sidenav-menu li:hover a,.sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #81AAD8;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.single-part {
    padding: 55px 0 55px;
}
.single-product-content-head {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center; 
    padding-bottom: 30px;
}
.single-product-content-head span {
    font-size: 15px;
    color: #4A4A4A;
    font-family: 'DINOT-Regular';
    margin-bottom: 20px;
    display: block;
}
.owl-carousel .item span {
    padding-top: 15px;
    font-size: 15px;
    color: #4A4A4A;
    font-family: 'DINOT-Regular';
    margin-bottom: 20px;
    display: block;
}
.single-product-content {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 140px;
}
.single-product-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    text-transform: uppercase;
}
.single-product-info {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding-left: 195px;
}
.sidebar {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding-top: 23px;
}
.sidebar h6 {
    font-family: 'DINOT-Bold';
    letter-spacing: 0.95px;
    text-transform: uppercase;
}
.sidebar p {
    font-size: 15px;

}
.downlaod-link {
    position: relative;
    display: inline-block;
    width: 100%;
    padding:20px 15px 20px 55px;
    border: 3px solid #81AAD8;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.downlaod-link img {
    position: absolute;
    left: 20px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.downlaod-link span {
    display: inline-block;
    position: relative;
    color: #81AAD8;
    font-size: 15px;
    font-family: 'DINOT-Bold';
    line-height: 22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.downlaod-link:hover img {
    -webkit-transform: translateY(-50%) scale(1.3);
    -moz-transform: translateY(-50%) scale(1.3);
    -ms-transform: translateY(-50%) scale(1.3);
    -o-transform: translateY(-50%) scale(1.3);
    transform: translateY(-50%) scale(1.3);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.downlaod-link:hover span {
    color: #4a4a4a;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.product-row-title {
    position: relative;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.product-row-title.center-align {
    text-align: center;
}
.product-row-title h5 {
    font-family: 'DINOT-Regular';
    letter-spacing: 1px;
    color: #4A4A4A;
}

.related-product {
    top: -165px;
    margin-bottom: -180px;
}
.banner-part {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}
.banner-caption {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.banner-caption-inner {
    position: relative;
    display: inline-block;    
}
.banner-caption-inner h1 {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 13px  rgba(0,0,0,0.5);
    display: block;
    overflow-wrap: break-word;
}
.banner-caption-inner h5 {
    position: relative;
    display: inline-block;
    max-width: 723px;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    font-size: 24px;
}
.support-blog-left {
    position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    padding-right: 15px;
}
.support-blog-right {
    position: relative;
    display: inline-block;
    width: 100%;
    background:#EBEBEB;
    padding: 55px 80px 130px 50px;
}
.support-blog-left h2 {
    text-transform: uppercase;
    margin-bottom: 40px;
} 
.support-blog-right h6 {
    font-family: 'DINOT-Bold';
    text-transform: uppercase;
    letter-spacing: 0.95px;
}
.support-blog-right p {
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 32px;
}
.download-row {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 45px 0 10px;
}
.download-title {
    position: relative;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.download-title h6 {
    font-family: 'DINOT-Bold';
    letter-spacing: 0.95px;
}
.download-table {
    position: relative;
    width: 100%;
}
.download-table thead tr{
    background-color: #EBEBEB;
    border: none;
}
.download-table tbody tr {
    border: none;
    border-bottom: 1px solid #D8D8D8;
}
.download-table tbody th {
    display: none;

}
.download-table .main-btn {
    font-size: 18px;
    letter-spacing: 1.5px;
}
.download-table th {
    font-size: 16px;
    font-family: 'DINOT-Bold';
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    border: none;
    padding:23px 0px 23px 26px;
    color: #848484;
}
.download-table td {
    color: #4A4A4A;
    font-size: 18px;
    font-family: 'DINOT-Regular';
    border: none;
    padding:10px 0px 10px 26px;
}
.download-table th:first-child,.download-table td:first-child {
    width: 37%;
}
.banner-part.banner-one {
    height: 400px;
}
.banner-part.banner-one .banner-caption {
    top:unset;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    bottom: 30px;
}
.software-part {
    padding-bottom: 160px;
}
.software-info {
    position: relative;
    display: block;
    max-width: 650px;
    width: 100%;
    margin: auto;
}
.software-info h2 {
    text-transform: uppercase;
}
.bg-light-blue {
    background: #316C8C;
}
.about-top {
    position: relative;
    display: inline-block;
    width: 100%;
}
.about-top h2 {
    text-transform: uppercase;
    margin-bottom: 40px;
}
.about-top-info {
    display: block;
    margin: auto;
    max-width: 650px;
    width:100%;
}
.about-bottom {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px 0 0;
}
.about-bottom h6 {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    font-family: 'DINOT-Bold';
    font-weight: normal;
    letter-spacing: 0.95px;
    line-height: 32px;
}
.about-bottom h6:after {
    position: absolute;
    left: -429px;
    width: 415px;
    content: '';
    background: #D1D1D1;
    height: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-bottom h6:before {
    position: absolute;
    right: -429px;
    width: 415px;
    content: '';
    background: #D1D1D1;
    height: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about-bottom blockquote {
    display: block;
    max-width: 900px;
    width: 100%;
    margin:15px auto;
    font-size: 32px;
    color: #316C8C;
    font-style: normal;
    font-family: 'PTSerif-Bold';
    font-weight: normal;
    line-height: 45px;
}
.about-blog {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 40px 40px 15px 40px;
    background-color: #EBEBEB;
}
.about-blog h6 {
    line-height: 32px;
    margin-bottom: 22px;
}
.about-blog-img {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
}
.about-blog img {
    text-align: center;
}
.main-link {
    color: #316C8C;
}
.main-link:hover {
    color: #316C8C;
    text-decoration: underline;
    border: none;
}
.reference-row {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 70px 0;
}
.reference-row h2 {
    text-transform: uppercase;
    margin-bottom: 50px;
}
.reference-link {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.reference-link li {
    display: block;
    position: relative;
    padding: 7px 0px 7px 0px;
    margin: 0;
}
.reference-link li a {
    display: block;
    color: #4a4a4a;
    font-size: 20px;
    line-height: 28px;
}
.reference-link li:after {
    position: absolute;
    content: '';
    left: -22px;
    top: 20px;
    background: #316C8C;
    width:  16px;
    height: 3px;
}

.privacy-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    background: #4a4a4a;
    padding: 40px 0;
}
.privacy-title h1 {
    text-shadow: 0 2px 13px  rgba(0,0,0,0.5);
    font-family: 'DINOT-Bold';
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}
.privacy-blog {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.privacy-info-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 60px;
}
.privacy-info {
    position: relative;
    display: inline-block;
    width: 100%;
}
.privacy-info h4 {
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.privacy-info-content {
    padding-bottom: 30px;
}
.privacy-info-content h6 {
    margin-bottom: 15px;
}
.privacy-info-content h6 span{
    color: #6F6F6F;
    font-family: 'DINOT-Bold';
}
.privacy-info-content h6  strong{
    text-transform: uppercase;
    font-family: 'DINOT-Bold';
    letter-spacing: 0.95px;
    line-height: 29px;
    
}

/*-------------modal------------*/
.modal {
    position: fixed;
    left: 0 !important;
    top: 0!important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
    transform: translate(0) !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    padding: 0 !important;
     background: #EBEBEB;
}
.modal.show .modal-dialog {
    position: relative !important;
    width: 100% !important;
    -webkit-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -o-transform: translate(0) !important;
    transform: translate(0) !important;
}
.modal-dialog {
    width: 100%;
    max-width: 100%;
    background: #EBEBEB;
    height: 100%;
    padding: 0;
    margin: 0;
}
.modal-content {
    position: relative;
    display: block;
    max-width: 950px;
    width: 100%;
    margin: auto;
}
.modal-body {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 30px;
}
.modal-title {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
button.close {
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    font-size: 18px;
    color: #4A4A4A;
    font-family: 'DINOT-Bold';
    font-weight: bold;
    text-transform: uppercase;
    width: 100px;
    padding: 10px 0;
    outline: none;
    border: none;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    z-index: 999;
}
button.close:hover,button.close:hover span{
    opacity: 1 !important;
}
button.close span {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(255,255,255,1);
}
button.close span img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.modal-body-info {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 30px 0;
}
.input-div {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.input-row {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}
.input-outer {
    position: relative;
    display: inline-block;
    width: 50%;
    float: left;
}
.input-left {
    padding-right: 15px;
}
.input-right {
    padding-left: 15px;
}
.input-div label{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;

}
.input-div label span {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #4A4A4A;
    
}
.input-div label input,.input-div label textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    background: #fff;
    padding: 14px 20px;
}
.input-div label textarea  {
    resize: none;
    height: 194px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 

}
input[type=number] {
    -moz-appearance:textfield;
}
.check-div {
    position: relative;
    display: inline-block;
    background:#F9F9F9;
    padding: 15px;
    width: 304px;
    margin-bottom: 25px;
}
.check-div .jq-checkbox {
    top: -3px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin: 0 15px 0 0;
    border: 2px solid #ccc;
    border-radius: 3px;
    cursor: pointer;  
    position: absolute !important;
    left: 0;
    background:#fff;
}
.check-div .jq-checkbox.checked .jq-checkbox__div {
    line-height: 24.5px;
    text-align: center;
    font-size: 22px;
    height: 26px;
    vertical-align: middle;
    color: #e4b95b;
}
.check-left {
    position: relative;
    display: inline-block;
    padding-left: 40px;
}
.check-left span {
    font-family: 'DINOT-Bold';
    font-weight: bold;

}
.check-right {
    position: relative;
    display: inline-block;
    margin-left: 50px;
}
.jq-checkbox {
    top: 6px;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    margin: 0 15px 0 0;
    border: 2px solid #ccc;
    border-radius: 3px;
    cursor: pointer;  
    position: absolute !important;
    left: 0;
    background: #fff;
}
.jq-checkbox.checked .jq-checkbox__div {
    line-height: 17.5px;
    text-align: center;
    font-size: 16px;
    height: 19px;
    vertical-align: middle;
    color: #e4b95b;
}
.check-bottom {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 35px; 
    margin-bottom: 60px;
}
.check-bottom span {
    font-size: 16px;
    line-height: 25px;
}
.modal-body-info p {
    text-align: center;
    margin-bottom: 0;
}
.submit-btn {
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 26px;  
    font-size: 16px;
    font-family: "DINOT-Bold";
    color: #FFFFFF;
    padding: 15px 40px;
    border-radius: 33px;
    background-color: #0B71B4;
    border: 2px solid #0B71B4;
    box-shadow: none;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-transform: uppercase;
    cursor: pointer;
}
.submit-btn:hover {
    background-color: #fff;
    color: #0B71B4;
    outline: none;
}
button.submit-btn:focus {
    outline: none;
}
.successed-img {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin:50px 0 30px;
}
.success-title {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.success-title h2 {
    text-transform: uppercase;
}

.sweet {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/********************** COLORED PRODUCT PAGES **********************/

/* BLUE COLOR */

/* make the copy text dark grey */
main.blue-color { 
  color: #4A4A4A !important;
}

/* make the submenu product color */
main.blue-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #81AAD8;
}

main.blue-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #81AAD8;
}


/* GREEN COLOR */

/* make the copy text dark grey */
main.green-color { 
  color: #4A4A4A !important; 
}

/* make the submenu product color */
main.green-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #45BCBC;
}

main.green-color .sidenav-menu li a {
    color: #45BCBC;
}

main.green-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #45BCBC;
}

/* big headline at the top */
main.green-color h2 { color: #45BCBC; }

/* every colored border */
main.green-color .main-title-outer,
main.green-color .sidenav,
main.green-color a.downlaod-link,
main.green-color a.downlaod-link span,
main.green-color a.downlaod-link:hover,
main.green-color a.downlaod-link:hover span  {
  border-color: #45BCBC;
}

/* product links at the bottom */
main.green-color .series-title h6 {
  color: #45BCBC;
  border-top-color: #45BCBC;
}

/* download link on the right side */
main.green-color a.downlaod-link,
main.green-color a.downlaod-link span {
  color: #45BCBC;
}

main.green-color a.downlaod-link:hover span {
  color: #4A4A4A;
}

/* orange COLOR */

/* make the copy text dark grey */
main.orange-color { 
  color: #4A4A4A !important; 
}

/* big headline at the top */
main.orange-color h2 { color: #D7993B; }

/* every colored border */
main.orange-color .main-title-outer,
main.orange-color .sidenav,
main.orange-color a.downlaod-link,
main.orange-color a.downlaod-link span,
main.orange-color a.downlaod-link:hover,
main.orange-color a.downlaod-link:hover span  {
  border-color: #D7993B;
}

/* make the submenu product color */
main.orange-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #D7993B;
}

main.orange-color .sidenav-menu li a {
    color: #D7993B;
}

main.orange-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #D7993B;
}

/* product links at the bottom */
main.orange-color .series-title h6 {
  color: #D7993B;
  border-top-color: #D7993B;
}

/* download link on the right side */
main.orange-color a.downlaod-link,
main.orange-color a.downlaod-link span {
  color: #D7993B;
}

main.orange-color a.downlaod-link:hover span {
  color: #4A4A4A;
}

/* purple COLOR */

/* make the copy text dark grey */
main.purple-color { 
  color: #4A4A4A !important; 
}

/* big headline at the top */
main.purple-color h2 { color: #7F4F88; }

/* every colored border */
main.purple-color .main-title-outer,
main.purple-color .sidenav,
main.purple-color a.downlaod-link,
main.purple-color a.downlaod-link span,
main.purple-color a.downlaod-link:hover,
main.purple-color a.downlaod-link:hover span  {
  border-color: #7F4F88;
}

/* make the submenu product color */
main.purple-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #7F4F88;
}

main.purple-color .sidenav-menu li a {
    color: #7F4F88;
}

main.purple-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #7F4F88;
}

/* product links at the bottom */
main.purple-color .series-title h6 {
  color: #7F4F88;
  border-top-color: #7F4F88;
}

/* download link on the right side */
main.purple-color a.downlaod-link,
main.purple-color a.downlaod-link span {
  color: #7F4F88;
}

main.purple-color a.downlaod-link:hover span {
  color: #4A4A4A;
}

/* dark-purple COLOR */

/* make the copy text dark grey */
main.dark-purple-color { 
  color: #4A4A4A !important; 
}

/* big headline at the top */
main.dark-purple-color h2 { color: #3D3972; }

/* every colored border */
main.dark-purple-color .main-title-outer,
main.dark-purple-color .sidenav,
main.dark-purple-color a.downlaod-link,
main.dark-purple-color a.downlaod-link span,
main.dark-purple-color a.downlaod-link:hover,
main.dark-purple-color a.downlaod-link:hover span  {
  border-color: #3D3972;
}

/* make the submenu product color */
main.dark-purple-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #3D3972;
}

main.dark-purple-color .sidenav-menu li a {
    color: #3D3972;
}

main.dark-purple-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #3D3972;
}

/* product links at the bottom */
main.dark-purple-color .series-title h6 {
  color: #3D3972;
  border-top-color: #3D3972;
}

/* download link on the right side */
main.dark-purple-color a.downlaod-link,
main.dark-purple-color a.downlaod-link span {
  color: #3D3972;
}

main.dark-purple-color a.downlaod-link:hover span {
  color: #4A4A4A;
}


/* pink COLOR */

/* make the copy text dark grey */
main.pink-color { 
  color: #4A4A4A !important; 
}

/* big headline at the top */
main.pink-color h2 { color: #E3708D; }

/* every colored border */
main.pink-color .main-title-outer,
main.pink-color .sidenav,
main.pink-color a.downlaod-link,
main.pink-color a.downlaod-link span,
main.pink-color a.downlaod-link:hover,
main.pink-color a.downlaod-link:hover span  {
  border-color: #E3708D;
}

/* make the submenu product color */
main.pink-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #E3708D;
}

main.pink-color .sidenav-menu li a {
    color: #E3708D;
}

main.pink-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #E3708D;
}


/* product links at the bottom */
main.pink-color .series-title h6 {
  color: #E3708D;
  border-top-color: #E3708D;
}

/* download link on the right side */
main.pink-color a.downlaod-link,
main.pink-color a.downlaod-link span {
  color: #E3708D;
}

main.pink-color a.downlaod-link:hover span {
  color: #4A4A4A;
}



/* grey COLOR */

/* make the copy text dark grey */
main.grey-color { 
  color: #4A4A4A !important; 
}

/* big headline at the top */
main.grey-color h2 { color: #6F6F6F; }

/* every colored border */
main.grey-color .main-title-outer,
main.grey-color .sidenav,
main.grey-color a.downlaod-link,
main.grey-color a.downlaod-link span,
main.grey-color a.downlaod-link:hover,
main.grey-color a.downlaod-link:hover span  {
  border-color: #6F6F6F;
}

/* make the submenu product color */
main.grey-color div.main-part section.main-title.custom-pad.bg-light-gray div.container div.main-title-outer.custom-pad div.sidenav ul.sidenav-menu.open li.current-menu-item a {
    border-bottom: 5px solid #6F6F6F;
}

main.grey-color .sidenav-menu li a {
    color: #6F6F6F;
}


main.grey-color .sidenav-menu li:hover a, .sidenav-menu li.current-menu-item a {
    border-bottom: 5px solid #6F6F6F;
}

/* product links at the bottom */
main.grey-color .series-title h6 {
  color: #6F6F6F;
  border-top-color: #6F6F6F;
}

/* download link on the right side */
main.grey-color a.downlaod-link,
main.grey-color a.downlaod-link span {
  color: #6F6F6F;
}

main.grey-color a.downlaod-link:hover span {
  color: #4A4A4A;
}


/* GALLERY */
.gallery {
  margin-left: -15px;
}

.gallery-row .row div {
  margin-bottom: 30px;
}

.gallery-row a {
  cursor: pointer !important;
}