| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/blogs/assets/css/ |
Upload File : |
/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: 'Segoe UI Semilight';
src: url('../fonts/SegoeUI-Semilight.eot');
src: url('../fonts/SegoeUI-Semilight.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUI-Semilight.woff2') format('woff2'),
url('../fonts/SegoeUI-Semilight.woff') format('woff'),
url('../fonts/SegoeUI-Semilight.ttf') format('truetype'),
url('../fonts/SegoeUI-Semilight.svg#SegoeUI-Semilight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: url('../fonts/SegoeUI.eot');
src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUI.woff2') format('woff2'),
url('../fonts/SegoeUI.woff') format('woff'),
url('../fonts/SegoeUI.ttf') format('truetype'),
url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: url('../fonts/SegoeUI-Light.eot');
src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUI-Light.woff2') format('woff2'),
url('../fonts/SegoeUI-Light.woff') format('woff'),
url('../fonts/SegoeUI-Light.ttf') format('truetype'),
url('../fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: url('../fonts/SegoeUI-Bold.eot');
src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
url('../fonts/SegoeUI-Bold.woff') format('woff'),
url('../fonts/SegoeUI-Bold.ttf') format('truetype'),
url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: url('../fonts/SegoeUI-Semibold.eot');
src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
url('../fonts/SegoeUI-Semibold.woff') format('woff'),
url('../fonts/SegoeUI-Semibold.ttf') format('truetype'),
url('../fonts/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Segoe UI';
src: url('../fonts/SegoeUIBlack.eot');
src: url('../fonts/SegoeUIBlack.eot?#iefix') format('embedded-opentype'),
url('../fonts/SegoeUIBlack.woff2') format('woff2'),
url('../fonts/SegoeUIBlack.woff') format('woff'),
url('../fonts/SegoeUIBlack.ttf') format('truetype'),
url('../fonts/SegoeUIBlack.svg#SegoeUIBlack') format('svg');
font-weight: 900;
font-style: normal;
}
img {border: 0}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal}
ul {list-style: none}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: bold}
q:before, q:after {content: ''}
abbr, acronym {border: 0}
.clear_0 {clear: both;font-size: 0px;line-height: 0px;display: block}
.last {margin: 0 !important}
.pad_last {padding: 0 !important}
.no_bg {background: none !important}
/**************************************************************************************/
a { color: #000;text-decoration: none;outline: 0 none}
a:hover {color: #000;text-decoration: none;}
/*----------------------------------------------------------------------------------*/
html {}
body {color: #555;font-family: 'Segoe UI'; font-size: 15px;font-weight: normal;line-height: 1.5}
.flt_Lt {float: left;display: inline}
.flt_Rt {float: right;display: inline}
/* ---------------------------------------------------------------------------------*/
/* ----------------------- layout ----------*/
.wrapper {max-width: 1026px;margin:0px auto;overflow:hidden}
.logo{float:left;width:150px;padding-left:0px}
.header{clear:both;padding:10px 0 0 0;background: #fff}
.all-courses{float:left;padding-top:20px;font-size: 16px;color:#231f20;margin-left:24px;position: relative;}
.all-courses img{margin-right:8px}
.navhome{background:#003466}
.banner{clear:both; background:#b6d7cf; min-height:360px}
.navbar-nav>li>a:hover{color:#f2302c}
.header .wrapper{ overflow: visible; height: 90px}
.menu > li{ position: relative}
.login-sign{background: #f2302c; color: #fff;border-radius: 7px;}
.login-sign:hover{background: #900c09; color: #fff !important;border-radius: 7px;}
.menu > li ul{position: absolute;left: 0px;top: 20px;background: #fff;padding: 10px;width:200px;display: none;
}
.menu > li li:hover{
background: #f5f5f5;
}
.menu > li li:hover ul{
display: block;
}
.menu li{float:left}
.menu li:hover ul{display: block}
.menu{margin-top: 20px;}
.nav>li>a{
font-size:16px;
padding: 10px 15px;
margin-left: 10px;
margin-right: 10px;
}
.menu > li > a:hover,.all-courses a:hover{
color:#e23a46
}
.main_content{
padding:40px 0
}
.right-menu{float:right; position: relative; z-index: 99}
.navabartopblock{clear: both;float:right}
.navabartopblock a{background: #fff;cursor:pointer;font-size:12px;line-height: 25px;text-transform:uppercase;font-weight:600;overflow: hidden;float:left;margin-right:10px;}
.navabartopblock a i{background: #fa8b31; padding:9px 10px;color:#fff;float:left}
.navabartopblock a span{float:left;padding: 2px 10px;background: #fff}
.navbar {clear:both; margin-bottom: 0px; height: 50px; margin-top: 8px}
.navbar-brand{display: none}
.responsive-img img {width:100%}
.banner-block h1{margin-top:80px; color:#231f20; font-size: 34px; margin-bottom:35px; font-family: 'Segoe UI'; font-weight: 600; text-transform: uppercase;}
.banner-block p{color:#231f20;font-size: 14px}
.searchblock{box-shadow: 0px 1px 5.4px 0.6px rgba(177, 190, 191, 0.75); background:#fff;width:100%; margin-top:20px; height:47px;border-radius: 30px; position: relative}
.searchblock input[type=text]{ border: 0px; height: 39px; width: 90%; margin: 5px 0px 5px 15px;float:left}
.searchblock input[type=submit]{ border: 0px; height: 32px; width: 40px; margin: 5px 0px 5px 15px; background: url(../images/search-icon.png) right no-repeat;float:left}
.readmore{background: #ed1f24; padding: 10px 20px;float: left;margin-left:20px; margin-top: 30px; color: #ffffff;font-size: 15px; position: relative}
.searchblock ul li{padding: 5px 25px; border-bottom: 1px solid #f5f5f5;display: none;}
.searchblock ul{box-shadow: 0px 1px 5.4px 0.6px rgba(177, 190, 191, 0.75);background: #fff;z-index: 9999; margin:0px 20px; position: absolute;top:50px; width: 92%;}
.readmore:hover{background: #6e0503;color: #ffffff; }
/*.readmore:after{position: absolute;content: "";width:20px;left:-20px;height: 42px; top:0px; background:#ed1f24}
.readmore:before{position: absolute;content: "";width:20px;right:-20px;height: 42px; top:0px; background:#ed1f24}*/
.sectionone{margin-top:80px;margin-bottom: 40px}
.select2-container--default.select2-container--focus .select2-selection--multiple{
border: 0px !important;
}.select2-container--default .select2-selection--multiple{
border: 0px !important; height: 46px;
background: url(../images/search-icon.png) right no-repeat;
}
.sectionone-block .image-block{float: left;margin-right: 30px; height: 70px;margin-left:60px}
.image-text{float:left}
.sectionone-block h2{color: #181d20;font-size: 36px}
.sectionone-block p{color:#777777;padding-left:4px}
.sectionone .wrapper{max-width: 860px}
.border-right{border-right:3px solid #c4c4c6}
.sectiontwo{padding:50px 0}
.main_content{background: url(../images/bodybg.png) right 40px no-repeat}
.skillblock{border:1px solid #e8e8e8;border-radius: 5px;padding:22px;overflow: hidden;margin-bottom: 13px}
.skillimage{float: left; width: 17%}
.skilltext{float: left; width: 83%}
.skilltext h4{ color:#231f35;font-size:20px; font-family: 'Segoe UI';font-weight:600;text-transform: uppercase;margin-bottom: 14px}
.skilltext p{color:#231f35;font-size: 14px;margin-bottom: 15px}
.skilltext a{text-transform: uppercase;font-size: 14px;font-weight:600}
.sectionthree .image-block{margin:9px;width: 23%; float: left;background: #30aaff;border-radius: 5px; cursor: pointer;position: relative;overflow: hidden;}
.sectionthree .image-block:hover img{transform: scale(1.1) }
.sectionthree .image-block img{width: 100%; transition: transform 1s ease;}
.sectionthree .image-text-block{position: absolute;width:100%; padding:10px; height:100%;left: 0px; top:55px;font-size:18px; color:#fff;text-align: center ; }
.sectiontwo h2{font-weight: bold; font-family: 'Segoe UI';font-size: 36px;margin-bottom: 60px; text-align: center;color:#231f20; text-transform: uppercase; padding-bottom:25px;background: url(../images/headding-bg.png) center bottom no-repeat; }
.sectionfour{padding: 80px 0 0 0; background: url(../images/learning-bg.png) no-repeat;background-size: 100%}
.sectionfour h2{font-weight: bold; font-family: 'Segoe UI';font-size: 36px;margin-bottom: 60px; text-align: center;color:#fff; text-transform: uppercase; padding-bottom:25px;background: url(../images/headding-bg1.png) center bottom no-repeat;}
.form-table{margin-top:20px; background: #fff;border-radius: 6px;padding:8px 4px; box-shadow: 0px 1px 5.4px 0.6px rgba(177, 190, 191, 0.75);}
.form-table th{color:#333333;font-size:16px; font-weight:bold ; border-bottom: 2px solid #b7b7b7; border-top:0px !important; }
.enroll-btn{background: linear-gradient(to left, #60c818, #05b32e);padding:6px 10px;border:0px;border-radius: 4px;color:#fff}
.enroll-btn:hover{background: linear-gradient(to left, #05b32e, #60c818);padding:6px 10px;border:0px;border-radius: 4px;color:#fff}
.viewall{padding: 20px 0;color:#e33c3c;font-size: 20px;font-weight: 600}
.sectonfive{padding:20px 0}
.sectonfive ul li{float: left; width: 20%;} .sectonfive ul li img{width:100%}
.testmonial-block{width:880px;margin:0px auto; text-align: center}
.testmonial-block h5{ text-align: center; color:#7e7e7e;font-family: 'Segoe UI';font-weight:600;margin:15px 0}
.testmonial-block h6{ text-align: center; color:#a2a2a2 }
.testmonial-block h6 span{color:#eb7245}
.rating{margin-top:20px; color:#ffdc12;font-size:20px ;}.rating i{margin: 0 4px}
.footer-top{padding: 80px 0;background:#3e3d3d ;position: relative;}
.footer-top h6{color:#e9242a;font-size: 18px; font-weight: 600;text-transform: uppercase; text-align: center}
.footer-top h2{color:#fff;font-size: 40px; font-weight: 600;text-transform: uppercase; text-align: center;margin-bottom: 50px}
.footer-top .footer-newsletter-block{max-width: 500px; margin: 0px auto;margin-bottom: 50px}
.footer-newsletter-block input[type=text]{width: 70%; height: 50px; border:1px solid #fff;color:#fff; height:40px;background: none; border-radius: 15px;padding:0 10px}
.footer-top h4{color:#fff;font-size:18px;font-weight: 600; text-transform: uppercase;margin-bottom: 20px}
.footer-top p{color:#fff; font-size:14px}.footer-top li{margin:8px 0}
.footer-top li a{color:#fff; font-size:14px;padding: 5px 0}
.footer{background:#e9242a;padding: 20px 0}
.footer-top:after{position: absolute;z-index: 1; content: ""; left:0px; top:0px;border-bottom-right-radius: 50%; width:50%;border-top-right-radius: 50%; background: #313030;height:100%}
.desclaimer p{margin-right: 50px}
.footer p{color:#fff; text-align: center; font-size:14px}
.banner-block{clear: both;}
.mobilemenu{display: none;}
.footer-top .wrapper{position: relative;z-index: 9;}
.testmonial-block .bx-wrapper .bx-prev{ background: url(../images/leftarrow.png) no-repeat;
right: 40px;left: auto; top:0px;}
.testmonial-block .bx-wrapper .bx-next{ background: url(../images/right-arrow.png) no-repeat;
right: 0px;top:0px;}
.all-courses:hover .menu{opacity: 1;visibility: visible;}
.menu { position: absolute; left: -5rem; top: 100%; margin-top: 3rem;
width: 85rem; background: #fff; border: .1rem solid #e7eaee;
box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,.12); border-radius: .5rem;
opacity: 0; visibility: hidden;
-webkit-transition: all .2s ease-in-out .1s;transition: all .2s ease-in-out .1s;
min-height: 50rem; z-index: 9; }
.menu__wr {
padding: 1rem;
background: #f6f8f9;
width: 24.5rem;
}
.menu__right {
opacity: 0;
visibility: hidden;
position: absolute;
left: 24.5rem;
top: 0;
right: 0;
bottom: 0;
padding: .8rem 3rem 3rem 2.5rem;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition-delay: .2s;
transition-delay: .2s;
display: -webkit-box;
display: flex;
flex-direction: column;
}
.menu__item{float: none !important;margin: 4px 0;}
.menu__item.active>a,.menu__toggle:hover{background:#f2302c; color: #fff !important;}
.menu__item .menu__toggle{padding: 10px 15px; color:#003466;font-family: 'Segoe UI';font-weight: 600; display: block; border-radius: 4px;}
.footer-newsletter-block input[type=submit] {color:#fff; border-radius:10px;margin-left:-20px;width:30%;background: linear-gradient(to bottom, #e2484d, #e9262c); border:0px; height:40px}
.menu__item.active:hover .menu__right{opacity: 1; visibility: visible;}
.menu__link{ box-shadow: inset 0 -0.1rem 0 #eceff3;
-webkit-transition: all .1s ease-in-out;font-size: 14px;
transition: all .1s ease-in-out ;padding: 10px 15px; color:#333; display: block; border-radius: 4px;}
.menu__list li{width:100%;}
.menu__list {
flex: 1 1;
overflow: auto;
height: 40rem;
}
.menu__bottom {
text-align: right;
margin-top: auto;
padding-top: 2rem;
}.menu__bottom .btn {
border: .1rem solid #f2302c;
}.btn-white {
background-color: #fff;
color: #f2302c;
}
.banner-block .wrapper{overflow: visible;}
.innerblock{clear:both; background:#f4f4f4;padding: 10px;}
.innerbreadbrumbs{text-align: right; margin-bottom: 30px;}
.listcourcecategory{
border-radius: 6px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 8.5px 1.5px rgba(194, 204, 221, 0.97);
padding:40px 0;margin-left: 5px;
margin-bottom: 30px;
}
.listcourcecategory h4{margin:0px 26px;min-height:28px; margin-bottom: 20px;font-size: 17px;font-family: 'Segoe UI';font-weight:600; background: url(../images/arrowlist.png) right no-repeat;}
.listcourcecategory h4.openlist{
background: url(../images/arrowlist1.png) right no-repeat;
}
.listcourcecategory ul li{border-left:2px solid #ffffff;color: #231f20;font-size: 13px; color:#231f20;padding:0px 30px 0px 30px;font-family: 'Segoe UI';font-weight:600;}
.listcourcecategory ul li a{border-bottom:1px solid #cccccc;padding:15px 0; display: block}
.listcourcecategory ul li:hover{border-left:2px solid #ee292e}
.listcourcecategory ul li:hover span{background:#ed1f24;color:#fff}
.listcourcecategory .formblock{
border: 0px;
border-bottom: 1px solid #cccccc;
width: 100%;
height: 40px;
}
.listcourcecategory .listqury li:hover{border-left:none}
.listqury input[type=text]:focus{outline:none}
.login-submit{
padding:5px 30px;
background: #f2302c;
border:0px;
color:#fff;
}
.right-block-m h2{color:#333333; font-size:15px;font-family: 'Segoe UI';font-weight:600;margin-bottom: 30px;}
.listqury:hover{border-left:2px solid #ffffff !important;}
.right-block-main {
margin-top:10px;
}
.course-block{
border-radius: 6px;
background-color:#fff;
box-shadow: 0px 1px 13px 0px rgba(230, 237, 255, 0.75);
padding: 25px 20px;
width:31%;
float: left;margin: 10px 1%;
text-align: center;
height:270px;
}
.course-img{height:128px; text-align: center;}
.course-block h2{color:#333333; text-align: center;font-size: 15px;font-family: 'Segoe UI';font-weight:600;margin-bottom: 30px;}
.course-block p{color:#696969;font-size:13px; text-align: center;margin-bottom: 20px;min-height: 90px;}
.right-block-main{margin-left:-15px;margin-right:-15px;}
.course-block a{padding: 5px 20px;color: #ffffff; display: inline-block;margin:0px auto;background:#f2302c}
.course-block a:hover{background:#f2302c;color:#fff}
.active .menu__right{visibility: visible;opacity: 1;}
.listcourcecategory ul li span{float: right; border:1px solid #cccccc;padding:2px 15px;border-radius: 15px;}
@media (max-width:1080px){
.wrapper{max-width: 990px;}
.menu {
width: 60rem;
}
.course-block{
width:47%;
}
}
@media (max-width:990px){
.wrapper{max-width: 720px;}
.banner-block h1{font-size: 24px;}
.searchblock input[type=text]{width: 69%;}
.sectiontwo h2{font-size: 24px;}
.sectiontwo .col-lg-6 img{width:100%;}
.skilltext h4{margin-bottom: 8px;font-size: 16px}
.skilltext p{margin-bottom: 8px;}
.sectionthree .image-block{ width: 22%;}
.sectionthree .image-text-block {padding: 10px;height: 75%;font-size:13px;top: 27px;text-align: center;}
.testmonial-block{width: 80%;}
.nav>li>a {
font-size: 16px;
padding: 10px 6px;
margin-left: 10px;
margin-right: 10px;
}
.course-block{
width:98%;
}
.innerblock .col-lg-4,.innerblock .col-lg-8{width:50%;float:left}
}
@media (max-width:768px){
.wrapper{max-width: 580px;}
.form-control{margin-bottom: 10px;}
.sectiontwo h2 {
font-size: 18px;
}.sectionthree .image-block {
width: 30%;
}
.navbar-brand{display: block;float: right;}
.navbar-light{position: absolute;width: 580px; right: 0px;display: none;}
.mobilemenu{display: block; margin-top:25px;}
.navbar-light .container-fluid{background: #fff;box-shadow: 0 0.3rem 0.8rem rgba(0,0,0,.12);}
.banner-block{text-align: center;}
.readmore{width:300px; margin:10px auto; float: none;display: inline-block;}
.sectionthree .image-block {
width: 46%;
}.sectionthree .image-text-block {
padding: 10px;
height: 75%;
font-size: 18px;
top: 66px;
text-align: center;
}
.form-table{overflow-x: auto;}
.form-table table{width: 900px;}
.menu {
width: 48rem;
left: -20rem;
}.menu__wr {
padding: 1rem;
background: #f6f8f9;
width: 21.5rem;
}.menu__right{ left: 18.5rem;}
.menu__item .menu__toggle{ font-size: 12px;}
}
@media (max-width:580px){
.wrapper {
max-width: 90%;
}
.sectionone-block .image-block {
float: left;
margin-right: 17px;
height: 70px;
margin-left: 28px;
}
.navbar-light{
width: 480px;
}
.innerblock .col-lg-4,.innerblock .col-lg-8{width:100%;float:none}
}
@media (max-width:480px){
.sectionthree .image-block {
width: 96%;
}.sectionthree .image-text-block {
padding: 10px;
height: 24%;
font-size: 18px;
top: 70px;
text-align: center;
}
.navbar-light{
width: 320px;
right: -23px;
}
.sectionone-block {
width: 320px;
margin: 18px auto;
display: block;
float: left;
margin-left: 24%;
}.border-right {
border-right: 0px solid #c4c4c6;
}.menu {
width: 300px;
left: -12rem;
}.menu__wr {
padding: 1rem;
background: #f6f8f9;
width: 16.5rem;
}.menu__right {
left: 14.5rem; padding-right: 0px;
}.sectionfour h2{ font-size: 30px;}
.menu__link{ padding: 10px 3px;font-size: 12px;}
.menu__bottom {
padding-right: 20px;
}.logo{width:90px;}
.logo img{width:100%;}.footer-top h2 {
font-size: 29px;
}
}
@media (max-width:320px){
.sectionone-block {
width: 320px;
margin: 18px auto;
display: block;
float: left;
margin-left: 12%;
}.testmonial-block {
width: 95%;
}.sectionthree .image-text-block {
padding: 10px;
height: 24%;
font-size: 18px;
top: 73px;
text-align: center;
}
.wrapper {
width: 320px;
}
.sectionthree .image-text-block {
padding: 10px;
height: 24%;
font-size: 18px;
top: 73px;
text-align: center;
}
.logo{width:90px;}
.logo img{width:100%;}
}