/*!
Theme Name: Dialoon
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/subset-OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('fonts/subset-OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-OpenSans-Regular.woff2') format('woff2'),
        url('fonts/subset-OpenSans-Regular.woff') format('woff'),
        url('fonts/subset-OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/subset-OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('fonts/subset-OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-OpenSans-Bold.woff2') format('woff2'),
        url('fonts/subset-OpenSans-Bold.woff') format('woff'),
        url('fonts/subset-OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
body {font-family: 'Open Sans'!important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans'!important;}
 
h1 {margin-bottom: .8rem!important;}
h1 span {color: #2d3748;display: block; font-size: .65em;font-weight: 400;line-height: 1.1;}
.subh1 {font-size: .4em;line-height: 1.3;margin-bottom: 1.5rem;}


.dott {padding:1.5rem 2.2rem;background: none;border: 1px dashed #a98448;border-radius: 1.5rem;}
.radius2 {border-radius: 2rem;}
h2 span, h3 span, h4 span {color:#143557;font-weight:400;}
.cent {text-align:center;}
.iconblock {display: flex;flex-direction: column;align-items: center;text-align: center;}
.iconbox {background:#fff; padding:60px 25px 30px 25px;text-align:center;margin-top:-70px;width: 100%;}
.header-html-inner span{font-size:16px;}
.icons {padding: .5rem;height: 90px;width: 90px;border-radius: 50%;background:#ca9527;
background:var(--global-palette-btn-bg); z-index: 10;}
.numbers {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #23aa4a;
    z-index: 10;
    color: #fff;
    font-size: 50px;
    line-height: 72px;
    text-align: center;
    padding: 8px;}
.numberin {border: 1px solid #fff;border-radius: 50%;}
.smalltit {text-align:center; font-size:24px; color:#c17a04;}
.numbox {padding: 30px; display: flex;align-items: center; border: 1px dashed #ca9527;}
hr {border-bottom: 1px dashed #a98448!important;}
.mb3 {margin-bottom: 3rem!important;}
.bluebut {
margin-right: 11px;
    color: #fff;
    padding: 15px 28px;
    border-radius: 3rem;
    font-size: 1.3rem;
text-decoration: none;
background: #09174f; /* Old browsers */
background: linear-gradient(135deg,  rgb(64,106,150) 0%,rgb(20,53,87) 100%);
}
.bluebut:hover {color: #fff;}
.skosright {clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);}
.skosleft {clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);}
.tophom p, .tophom2 p  {font-size: 24px; margin-bottom: 1rem!important;}
.tophom p span, .p21 p span, .tophom2 p span {color:#c17a04;}
.p21 {font-size:21px;}
.grid3 {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;}
.numb {
    background: #ca9527;
background: linear-gradient(135deg,  #ffffff 0%,#fbfbf8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(135deg, rgb(227, 197, 135) 0%, rgb(196, 131, 21) 100%);
    font-size: 90px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#731afe, endColorstr=#ff1053,GradientType=1 );
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;float: left;
    padding-right: 20px;
}

.workbox {background: #f2f3f2;
    padding: 25px 30px;}
.numbers {margin-bottom:20px;}
.workbox img {float: left;
    margin-right: 25px;}
.workflex {display: flex;
    align-items: center;}
textarea {height: 90px;}
button, input {width: 100%;}
.row {padding:0 30px;}
.small {font-size: 12px;margin-bottom: .5rem!important;}
.okno {margin-bottom: 10px;}
.wpcf7-spinner {display:none;}
.oknogrid {    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;}
.wpcf7 form .wpcf7-response-output {margin: 0!important;}
.socialflex {
    display: flex;
    justify-content: center;
	align-items: center;}
.socialflex img {margin:0 10px;}
.fullbut {padding: 12px 25px!important;width: auto;}
.tophom {}
.p-skosleft {margin-right: -80px;}
.p-skosright {margin-left: -80px;}
#colophon .site-footer-row-container .site-footer-row .footer-html a {font-size: 13px;}
.sow-icon-ionicons {padding: 8px;
    background: #23aa4a;
    border-radius: 50%;}


.sow-icon-fontawesome[data-sow-icon]:before, .sow-icon-ionicons[data-sow-icon]:before {
    content: attr(data-sow-icon);
    background: #23aa4a;
    width: 80px;
    height: 80px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;}

.mytable {color:3f4252;}
.mytable td{transition: all ease-in-out 0.2s;border: 1px solid #fff;}
.mytable tr {}
.mytable tr:nth-child(odd){background:#f2f3f2;}
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #999999; text-align: left; caption-side: bottom; }
.mytable h5 {font-size: 1rem;margin: 0;}
th, td { padding: 0.8rem; }
.mytable p {font-size: 1rem;line-height: 1.3;}
.green-tr {background: #23aa4a!important; color: #fff;text-align: center;}
.h3-h4 {font-size: 24px;}
.sertificate-grid {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 30px;}
.sertificate-grid p {text-align:center;padding: 5px;line-height: 1.25;}




/*Responsive*/
@media (max-width:1820px) {
.tophom {margin-left: 140px;}
	
}

@media (max-width:1800px) {
.tophom {margin-left: 120px;}
h1 {font-size: 40px!important;}

}

@media (max-width:1750px) {
.tophom {margin-left: 100px;}
.p-skosleft {margin-right: -70px;}
.p-skosright {margin-left: -70px;}

}

@media (max-width:1590px) {
.tophom {margin: 25px 0 25px 25px;}
h4 {font-size: 22px!important;}
.p-skosleft {margin-right: -60px;}
.p-skosright {margin-left: -60px;}
	
}

@media (max-width:1390px) {
h1 {font-size: 36px!important;}
h2 {font-size: 32px!important;}
.p-skosleft {margin-right: -50px;}
.p-skosright {margin-left: -50px;}
body {font-size: 18px!important;}
.tophom p, .p21 {font-size: 20px;}

}

@media (max-width:1200px) {
h1 {font-size: 32px!important;}
.tophom p, .p21 {font-size: 18px;}
.p-skosleft {margin-right: -40px;}
.p-skosright {margin-left: -40px;}
	
}

@media (max-width:960px) {
h1 {font-size: 28px !important;}
.p-skosleft {margin-right: -20px;}
.p-skosright {margin-left: -20px;}
.sertificate-grid {grid-template-columns: repeat(3, 1fr);}
}


@media (max-width:780px) {
.tophom {margin: 40px 25px 0 25px;}
h1 {text-align:center!important;font-size: 56px !important;}
.skosright, .skosleft {clip-path:none;}
.mobile-html {text-align: center;}
.grid3 {grid-template-columns: repeat(2, 1fr);}
.mb3 {margin-bottom: 30px!important;}	
.p-skosleft {margin-right: 0;}
.p-skosright {margin-left: 0;}
.sertificate-grid {grid-template-columns: repeat(2, 1fr);}
.tophom{text-align: center;} 
	
}

@media (max-width:550px) {
.grid3 {grid-template-columns: repeat(1, 1fr);}
.oknogrid {grid-template-columns: repeat(1, 1fr); grid-gap: 0;}
.okno {margin-bottom: 18px;}
h1 {font-size: 48px !important;}
.smalltit {font-size: 22px;}
}

@media (max-width:450px) {
.workflex {flex-direction: column;text-align: center;}
.workflex img {margin-bottom:20px;}
h1 {font-size: 44px !important;}
h2 {font-size: 28px !important;}

	
}

@media (max-width:400px) {
.sertificate-grid {grid-template-columns: repeat(1, 1fr);}	
h1 {font-size: 38px !important;}
}