@import url('font-awesome.css'); @font-face { font-family: 'NafeesRegular'; src: url('../fonts/NafeesRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } * { outline: none !important; } .elem_pos{ position: absolute !important; right: 30px; top: 27px; } .slick-responsive-header{ width: 100%; max-width: 650px; display: inline-block; overflow: hidden; position: relative; } .slick-responsive-header .slick-slide{ display: block; width: 100%; float: left; } .slick-responsive-header .slick-slide img{ width: 100%; } .slick-responsive-header .slick-prev,.slick-responsive-header .slick-next{ display: none !important; visibility: hidden; } .pd *{ margin-top: 5px !important; margin-right: 10px !important; margin-bottom: 5px !important; } .urd{ font-family: 'NafeesRegular'; } .form-control:disabled, .form-control[readonly] { background-color: #fff; opacity: 1; } .ft_center { text-align: center !important; } img { max-width: 100%; } body { font-family: 'Open Sans', sans-serif; font-size: 14px; overflow-x: hidden; } p{ text-align: justify; font-size: 14px } .pull-right{ width: 100%; max-width: 1140px; margin-right: auto; margin-left: auto; /* margin-top: 30px; */} .heading3{ font-weight: bold; font-size: 16px; color: #ea0400; margin-bottom: 1rem; } .heading5{ font-weight: bold; font-size: 14px; margin-bottom: 0px; margin-top: 0px !important; } .msgtxt{ color: #ea0400; } .mt-1{ margin-top: 1.2rem; } .clr-ii{ color: #ea0400; } .clr-wht{ color: #FFF !important; } .bgcolor-i{ background-color: #af3a34; } .bgcolor-ii{ background-color: #b70101; } .bgcolor-iii{ background-color: #bb7e08;} .bgcolor-iv{background-color: #076ca0; /*#0e5bb9*/} .bgcolor-v{background-color: #799e14;} .bgcolor-vi{background-color: #905cf5;} .bgcolor-vii{background-color: #13b902;} .bg-ashgrey{ background-color: #eeeeee; } .bgcolor-or{ background-color: #f84141;} /*.border-top-ii{ border-top:2px solid #f84141; }*/ .border-top-ii{ border-top:2px solid #154784; } .clear{ clear: both; } .p-0{ padding: 0px !important; } .p-7{ padding: 7px !important; } .td-bg{ background-color: #fcfcfc !important; } .bg-thumb01{ background-image: url('../images/thumb-01.jpg'); background-size: cover; background-position: center top; } .bg-thumb02{ background-image: url('../images/thumb-02.jpg'); background-size: cover; background-position: center top; } .bg-thumb03{ background-image: url('../images/thumb-03.jpg'); background-size: cover; background-position: center top; } .mdl { display: table; width: 100%; height: 100%; } .mdl .mdl_inner { display: table-cell; width: 100%; vertical-align: middle; } .mt-5px{ margin-top: 5px !important; } .mt-7{ margin-top: 7px !important; } .ml-3px{ margin-left: 4px !important; } .ml-6{ margin-left: 6px !important; } .ml-7{ margin-left: 7px !important; } .ml-4px{ margin-left: 4px !important; } .ml-5{ margin-left: 5px !important; } .mtl-6-4px{ margin-top: 6px !important; margin-left: 4px !important; } .mtl-6-5{ margin-top: 6px !important; margin-left: 5px !important; } .mtl-5-4px{ margin-top: 5px !important; margin-left: 4px !important; } .mtl-5-3px{ margin-top: 5px !important; margin-left: 3px !important; } .mtl-7-6{ margin-top: 7px !important; margin-left: 6px !important; } .mtl-8-6{ margin-top: 8px !important; margin-left: 6px !important; } .wmtl{ width: 70% !important; margin-left: 12px !important; margin-top: 8px !important; } .pb-31{ padding-bottom: 31px; } a:hover, a:focus { color: #0492d4; } .top_bar { float: left; width: 100%; height: 90px; color: #929292; padding: 3px 0px 0px 0px; /*border-top:3px solid #f84141;*/ border-top: 3px solid #154784; border-bottom: 1px solid #f7f7f7; text-align: center; //background-color: #f0f0f0;; } header, footer, section { float: left; width: 100%; } section.about_sec,section.events_sec{ overflow: hidden; } header { z-index: 9; position: relative; } footer{ background-color: #272c2f; } .page-heading img{ width: 100%; } .top_bar .right{ display: inline-block; width: 100%; height: auto; max-width: 230px; } .topbar_ul { margin: 30px 0px 0px 0px; list-style: none; padding: 0px; } .topbar_ul li { position: relative; font-size: 12px; padding: 0px 10px; margin-left: 1px; } .topbar_ul li a{ /*color: #929292 !important;*/ color: #154784 !important; } .topbar_ul li a i{ /*color: #929292 !important;*/ color: #154784 !important; } .topbar_ul li:last-child { padding-right: 0px; } .topbar_ul li:first-child { padding-left: 0px; } .topbar_ul li:first-child:before { display: none; } .topbar_ul li a { float: left; color: #fff; text-decoration: none; } .topbar_ul li button.lang{ /*color: #929292;*/ color: #154784; font-size:12px; background-color:transparent; border:none; } .dropdown-menu { font-size: 14px; padding-top:0px; padding-bottom:0px; left: 40px; min-width: 5rem; } .topbar_ul li .dropdown-menu a{ padding-left: 10px; display:block; float:none; } .topbar_ul li .dropdown-menu a:first-child{ border-bottom:1px solid #eee;} .search_box{ width: 200px; float: right; /*margin-left: 15px;*/ margin-top:20px; display: inline-block; } .search_box form input[type="text"]{ border: none; border-right:1px solid #c2c2c2; padding-left: 5px; border:1px solid #929292; } .search_box form input[type="submit"]{ margin-left: -30px; background-image: url('../images/s-icon.png'); background-position: center bottom; background-repeat: no-repeat; width: 20px; height: 25px; background-color: transparent; border: none; cursor: pointer; display: inline-block; } .menu_bar { /* text-transform: uppercase; */ float: left; background: #fff; padding: 0; text-align: left; /* text-align: right; */ width: 100%; position: relative; height:90px; } .menu_bar .menu_container{ height:85px; background: #eee; background-image: linear-gradient(#15437F, #1384C6 ); } .menu_bar .logo { float: left; //padding: 10px 0; } .menu_bar .menu { display: inline-block; margin-bottom: -6px; //margin-top: 40px; margin-top: 10px; } .menu_bar .menu > ul { margin: 0px; padding: 0px; list-style: none; float: left; } .menu_bar .menu > ul > li { float: left; padding: 0px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; font-size: 20px; position: relative; } .menu_bar .menu > ul > li > a { float: left; text-decoration: none; //color: #3c3b3b; color: #f8f9fa; padding: 8px 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; position: relative; font-family: 'Open Sans', sans-serif; } .menu_bar .menu > ul > li > a:hover{ //color:#ea0400 !important; color:#ffe030 !important; } .menu_bar .menu > ul > li:hover > a, .menu_bar .menu > ul > li:focus > a { /*color: #676767;*/ color:#ffc107; /*padding: 50px 15px 14px;*/ } .menu_bar .menu > ul > li:hover > a:before, .menu_bar .menu > ul > li:focus > a:before { opacity: 1; visibility: visible; bottom: 0px; height: 3px; z-index: 1; width: 100%; left: 0; } .menu_bar .menu > ul .active > a { //color: #ea0400; color: #ffe030; /*padding: 50px 15px 14px;*/ } .menu_bar .menu > ul .active > a:before { opacity: 1; visibility: visible; bottom: 0px; height: 3px; width:100%; } .menu_bar .menu li.drpdwn .fuldrop { margin-top: 35px !important; position: absolute; width: 550px; background: #fff; text-align: left; display: none; border: solid 1px #eee; left: 0px; z-index: 9999; } .menu_bar .menu li.drpdwn .fuldrop .container{ padding-top: 10px; } .menu_bar .menu li.drpdwn .fuldrop h2 { font-size: 14px; /*border-bottom: solid 1px #eee; padding-bottom: 10px; */ display: inline-block; width: 100%; font-weight: bold; margin: 0; } .menu_bar .menu li.drpdwn .fuldrop ul { font-size: 13px; margin: 0px; padding: 0px; list-style: none; float: left; width: 100%; } .menu_bar .menu li.drpdwn .fuldrop ul li { float: left; width: 100%; padding-top: 5px; position: relative; } .menu_bar .menu li.drpdwn .fuldrop ul li a{ } .menu_bar .menu li.drpdwn .fuldrop a{ } .menu_bar .menu li.drpdwn li.sub_drop a{ text-align: left; } .menu_bar .menu li.drpdwn li.sub_drop a .arr{ transform: translateY(-50%); position: absolute; right: 5px; top: 50%; width: 10px; margin: 0;} .menu_bar .menu li.drpdwn li.sub_drop ul li.sub_drop_inner a{ text-align: left; } .menu_bar .menu li.drpdwn li.sub_drop ul li.sub_drop_inner a .arr{ text-align: right; float: right; } .menu_bar .menu li.drpdwn .fuldrop{ display: inline-block; float: right; width: 11px; margin-top: 3px; width: 0px; -webkit-transition: inline-block 2s; /* For Safari 3.1 to 6.0 */ transition: inline-block 2s; } .menu_bar .menu li.drpdwn .fuldrop ul li .arr{ display: inline-block; float: right; width: 11px; margin-top: 3px; width: 0px; -webkit-transition: inline-block 2s; /* For Safari 3.1 to 6.0 */ transition: inline-block 2s; } .menu_bar .menu li.drpdwn .fuldrop ul li:hover .arr{ display: inline-block; padding-right: 2px; /*color: #f84141;*/ color: #137ebf; width: 11px; } .menu_bar .menu li.drpdwn .fuldrop ul li a { color: #000; list-style: none; font-size: 13px; text-decoration: none; font-weight: 500; float: left; width: 100%; text-transform: capitalize; display: inline-block; -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: padding-left 2s; } .menu_bar .menu li.drpdwn .fuldrop ul li:hover a{ color: #f84141; width: 90%; padding-left: 5px; } .menu_bar .menu li.drpdwn .fuldrop .menu-footer{ background-color: #f84141; color:#fff; text-transform: uppercase; padding-top: 0px; margin: 10px 0px 0px 0px !important; } .menu_bar .social_icons { float: right; position: relative; padding: 34px 0; } .menu_bar .social_icons ul { float: left; margin: 0px; padding: 0px 50px; list-style: none; } .menu_bar .social_icons ul li { float: left; padding: 0 10px; } .menu_bar .social_icons ul li:last-child { padding-right: 0px; } .menu_bar .social_icons ul li:first-child { padding-left: 0px; } .menu_bar .social_icons ul li a { float: left; color: #b5b5b5; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .menu_bar .social_icons ul li a:hover, .menu_bar .social_icons ul li a:focus { color: #0492d4; } .menu_bar .social_icons:before { content: ''; position: absolute; left: 0px; width: 40px; background: #b5b5b5; top: 50%; height: 1px; } .menu_bar .social_icons:after { content: ''; position: absolute; right: 0px; width: 40px; background: #b5b5b5; top: 50%; height: 1px; } .drpdwn > ul { position: absolute; left: 15px; margin: 0px; padding: 0px; list-style: none; background: #ffffff; width: 200px; text-align: left; top: 100px; font-size: 12px; border: solid 1px #eeeeee; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; visibility: hidden; opacity: 0; z-index: 1; } .drpdwn:hover > ul { top: 38px; visibility: visible; opacity: 1; } .drpdwn > ul li { position: relative; float: left; width: 100%; border-bottom: solid 1px #eeeeee; } .drpdwn > ul li a { float: left; width: 100%; padding: 5px 15px 5px 15px; text-decoration: none; color: #000; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease } .drpdwn > ul li a:hover { color: #ffffff; /*background-color: #f84141;*/ background-color: #137ebf } .drpdwn > ul li svg { float: left; margin: 3px 5px 0 0; } .drpdwn > ul li ul { position: absolute; /*position: relative;*/ left: 140%; margin: 0px; padding: 0px; list-style: none; background: #ffffff; width: 150px; text-align: left; top: 0px; font-size: 12px; border: solid 1px #eeeeee; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; visibility: hidden; opacity: 0; } .drpdwn > ul li:hover > ul { left: 100%; visibility: visible; opacity: 1; } /* fix right menu hidden outside screen */ li.drpdwn:last-child ul{ right: 0; left: auto; } /* li.drpdwn:last-child ul li ul { right: auto; left: auto; }*/ .slider_txt1 { background-color: #fff; color: #313233; font-family: 'Raleway', sans-serif; display: block; text-align: right; text-transform: uppercase; font-weight: 800; left: 0px !important; position: relative !important; letter-spacing: 1px !important; } .slider_txt1:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0px; z-index: -1; background: #FFF; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); } .slider_txt2 { background-image: url('../images/h2-bg-.png'); background-position: right; background-repeat: no-repeat; color: #fff; font-family: 'Raleway', sans-serif; font-size: 40px; display: block; text-align: right; text-transform: uppercase; font-weight: lighter; opacity: 0.9; position: relative !important; letter-spacing: 1px !important; } .slider_txt-s5 { background-color: #fff; color: #313233; font-family: 'Raleway', sans-serif; display: block; text-align: center; text-transform: uppercase; font-weight: 800; position: relative !important; letter-spacing: 1px !important; text-align: right; } .slider_txt-s5:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0px; z-index: -1; background: #FFF; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); } .slider_txt2-5 { background-image: url('../images/h2-bg-.png'); background-position: center; background-repeat: no-repeat; background-size: 80%; color: #fff; font-family: 'Raleway', sans-serif; display: block; text-align: center; text-transform: uppercase; font-weight: lighter; left: 0px !important; position: relative !important; letter-spacing: 1px !important; } .slider_txt-s2 { background-color: #fff; color: #313233; font-family: 'Raleway', sans-serif; display: block; text-align: left; text-transform: uppercase; font-weight: 800; padding-left: 20px; left: 0px !important; position: relative !important; letter-spacing: 1px !important; } .slider_txt-s2:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0px; z-index: -1; background: #FFF; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); } .slide-5 .slider_txt1 { background-color: #fff; color: #313233; font-family: 'Raleway', sans-serif; text-align: left; text-transform: uppercase; font-weight: 800; padding-left: 20px; left: 0px !important; position: relative !important; letter-spacing: 1px !important; line-height: 40px; } .slide-5 .slider_txt1:after { content: " "; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0px; z-index: -1; background: #FFF; transform-origin: bottom left; -ms-transform: skew(-30deg, 0deg); -webkit-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); } .slider_txt-s3 { background-image: url('../images/h1-bg.png'); background-position: center; background-repeat: no-repeat; background-size: 100%; color: #313233; font-family: 'Raleway', sans-serif; font-size: 70px; display: block; width: 455px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight: 800; left: 0px !important; position: relative !important; letter-spacing: 1px !important; } .slider_txt2 img{ width: 200px;} .slider_ancher { font-family: 'Open Sans', sans-serif; color: #fff; text-decoration: none !important; font-weight: 700; text-transform: uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .slider_ancher a { background-color: rgba(0,0,0,0.5); color: #fff; text-decoration: none; border-right:2px solid #fff; padding: 2px 3px; } .slider_ancher:hover, .slider_ancher:focus { color: #fff; } .owlcarousel_box { /*margin-bottom: -115px; margin-top: -115px;*/ } .owlcarousel_box .owlcarousel_sec { padding: 0px 70px 0px 80px; width: 100%; position: relative; } .owlcarousel_sec{ display: inline-block; } .owlcarousel_box .owlcarousel_sec .item a { float: left; width: 100%; } .owlcarousel_box .owlcarousel_sec .owl-dots { display: none; } .owlcarousel_box .owlcarousel_sec .owl-prev { position: absolute; left: -50px; width: 23px; text-align: center; height: 36px; cursor: pointer; top: 70px; border-bottom: solid 2px #949494 !important; } .owlcarousel_box .owlcarousel_sec .owl-prev span { width: 100%; text-align: center; height: 100%; line-height: 28px; color: #949494 !important; cursor: pointer; font-size: 50px; } .owlcarousel_box .owlcarousel_sec .owl-next { position: absolute; right: -50px; width:23px; text-align: center; height: 36px; cursor: pointer; top: 70px; border-bottom: solid 2px #949494 !important; } .owlcarousel_box .owlcarousel_sec .owl-next span { width: 100%; text-align: center; height: 100%; line-height: 28px; color: #949494 !important; cursor: pointer; font-size: 50px; } .owlcarousel_box .owlcarousel_sec .owl-prev.disabled, .owlcarousel_box .owlcarousel_sec .owl-next.disabled { display: none; } .news-slides marquee{ vertical-align: text-bottom; } .about_heading { padding: 50px 0 30px; text-align: center; } .about_heading h2 { font-family: 'Raleway', sans-serif; margin: 0px; color: #323232; text-transform: uppercase; } .about_heading h1 { font-family: 'Raleway', sans-serif; margin: 0px; color: #323232; line-height: 35px; display: inline-block; position: relative; text-transform: uppercase; font-weight: 800; } .about_heading h1:after { content: ''; position: absolute; background: #323232; right: -157px; } .about_heading h1:before { content: ''; position: absolute; background: #323232; left: -157px; } .about_sec .about_img { float: left; width: 100%; min-height: 400px; background: url("../images/aboutbg_dark.jpg") no-repeat; background-size: cover; background-attachment: fixed; } .about_sec .about_box_sec { float: left; width: 100%; margin-bottom: 60px; } .about_sec .about_box_sec .row { border: solid 1px #eee; } .about_sec .about_box_sec .ab-col { /*width: 100%; max-width: 285px; height: 100%;*/ margin-left: 25px; background: #fff; } .about_sec .about_box_sec .ab-col:first-child{ margin-left: 0px; } .about_sec .about_box_sec .about_box:hover a p{ color:#626262; } .about_sec .about_box_sec .about_box a{ margin-top: 15px; border:1px solid #fff; padding: 3px 13px; color: #626262; border:1px solid #626262; font-size: 13px; } .about_sec .about_box_sec .about_box a:hover{ border:1px solid #f80000; } .about_sec .about_box_sec .about_box { float: left; width: 100%; height: 94%; color: #565656; background: #FFFFFF; position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .about_sec .about_box_sec .about_box:before{ position: absolute; content: ''; right: 12px; bottom: 15px; border: solid 1px #fff; background: #fff; z-index: 1; width: 2px; height: 23px; } .about_sec .about_box_sec .about_box:after{ position: absolute; content: ''; right: 12px; bottom: 13px; border: solid 1px #fff; background: #fff; z-index: 1; width: 23px; } .about_sec .about_box_sec .about_box .media .m-thumb, .events_sec .about_box_sec .about_box .media .m-thumb{ width: 100%; height: 176px; } .events_sec .about_box_sec .about_box .media .bg-thumb01{ background-position: center top; background-size: 100%; background-image: url('../images/acounts.jpg'); } .events_sec .about_box_sec .about_box .media .bg-thumb02{ background-position: center top; background-size: 100%; background-image: url('../images/newsletter.png'); } .events_sec .about_box_sec .about_box .media .bg-thumb03{ background-position: center top; background-size: 100%; background-image: url('../images/sports.jpg'); } .about_sec .about_box_sec .about_box .media-body { height: 80px; } .about_sec .about_box_sec .about_box .rounded-circle { position: relative; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .about_sec .about_box_sec .about_box{ color: #626262; } .about_sec .about_box_sec .about_box .rounded-circle:before { position: absolute; content: ''; left: 4px; top: 4px; border: solid 1px #FFFFFF; z-index: 1; width: calc(100% - 8px); height: calc(100% - 8px); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .about_sec .about_box_sec .about_box h5 { //background-image: url('../images/color.png'); background-size: cover; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: capitalize; padding-left: 18px; position: relative; top: -8px; color: #fff; //background-color:#f80000; background-color:#1384C6 ; } .about_sec .about_box_sec .about_box h6 { font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 30px; position: relative; display: inline-block; text-transform: capitalize; font-weight: 700; padding-left: 18px; } .about_sec .about_box_sec .about_box .about_box_content { float: left; width: 100%; padding-top: 15px; padding-left: 17px; padding-right: 34px; } .about_box .about_box_content a { /*background-image: url('../images/color.png'); background-size: cover;*/ text-decoration: none; margin-top: 15px; border: 1px solid #212529; padding: 4px 15px; font-size: 13px; color: #000 } .about_box .about_box_content a:hover{ color: #f80000; } .about_sec .about_box_sec .about_box .about_box_content p.ap{ padding-bottom: 7px; text-align: justify; } .about_sec .about_box_sec .about_box:hover .rounded-circle, .about_sec .about_box_sec .about_box:focus .rounded-circle { opacity: 0; visibility: hidden; height: 0; width: 0; margin: 0; } .about_sec .about_box_sec .about_box:hover a:before, .about_sec .about_box_sec .about_box:focus a:before, .about_sec .about_box_sec .about_box:hover a:after, .about_sec .about_box_sec .about_box:focus a:after { background: #FFFFFF; } .about_sec .about_box_sec .about_box:hover h5:before, .about_sec .about_box_sec .about_box:focus h5:before{ background: #FFFFFF; } .events_sec .about_box_sec{ padding-bottom: 23px; } .flip_box { width: 100%; height: 230px; position: relative; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; background: #eee; float: left; } .flip_box .clck_here { float: left; width: 100%; height: 100%; text-align: center; font-family: 'BebasNeueRegular'; font-size: 20px; color: #0492d4; } .flip_box .flip_card { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: left center; -moz-transform-origin: right center; -o-transform-origin: right center; transform-origin: left center; } .flip_box .flip_card p { margin: 15px 0 0; line-height: 25px; } .flip_box:hover .flip_card { -webkit-transform: translateY(0%) rotateY(-90deg); -moz-transform: translateY(0%) rotateY(-90deg); -ms-transform: translateY(0%) rotateY(-90deg); -o-transform: translateY(0%) rotateY(-90deg); transform: translateY(0%) rotateY(-90deg); } .flip_card .flip_page { display: block; color: white; text-align: center; font-weight: bold; font-size: 140px; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; background: #3bb8f2; background: -moz-linear-gradient(left, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); background: -webkit-linear-gradient(left, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); background: linear-gradient(to right, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb8f2', endColorstr='#55c3f6', GradientType=1 ); width: 100%; height: 230px; float: left; text-align: center; color: #fff !important; text-decoration: none !important; font-size: 20px; padding: 30px 20px; font-family: 'BebasNeueRegular'; letter-spacing: 2px; line-height: 25px; } .flip_card .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); margin: 0; box-shadow: 3px 3px 7px #444 inset, -4px -2px 7px #444 inset; } .company{ background: #FFF; padding: 0px; margin: 0px; width: 100%; height: auto; position: relative; } .company .left-slide{ width: 40%; z-index: 2; position: relative; } .company .media span.spn_img{ position: relative; width: 100%; display: inline-block; } .company .media span.spn_img img { width: 100%; position: relative; z-index: 1; } .company .media span:after{ position: absolute; content: ''; width: calc(100% + 10px); height: calc(100% + 10px); left: 0px; top: 20px; /*z-index: 2;*/ border-top:1px solid #b7bdbf; border-bottom:1px solid #b7bdbf; border-right:1px solid #b7bdbf; } .company .right-slide{ width: 55%; background-image: url("../images/stat-bg.jpg"); background-repeat: no-repeat; background-size: cover; margin-left: -145px; height: auto; } .company .media-body{ z-index: 1; display: table; } .company .c-content{ height: auto; padding-left: 180px; color: #FFF; padding-top: 0px; padding-right: 20px; display: table-cell; vertical-align: middle; } .c-content .heading{ clear: both; height: 0px; position: relative; top: 25px; } .c-content .para{ position: relative; } .company .c-content h2{ font-family: 'Raleway', sans-serif; text-transform: uppercase; position: relative; font-weight: bold; } .company .c-content h5{ line-height: 1px; font-family: 'Raleway', sans-serif; text-transform: capitalize; position: relative; } .company .c-content h5:after{ position: absolute; content: ''; width: 59px; height: 2px; background: #FFF; top: 0px; } .company .c-content h6{ font-family: 'Open Sans', sans-serif; padding-top: 25px; font-weight: bold; position: relative; padding-bottom: 5px; } .company .c-content p{ font-family: 'Open Sans', sans-serif; font-weight: lighter; font-size: 14px; margin-bottom: 0px; } .company_sec { background-image: url("../images/companybg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; background-color: #f9f9f9; min-height: 300px; padding: 50px 0 120px; } .company_sec .angelbox { width: 100%; float: left; height: 750px; background: url("../images/angle.png") no-repeat; background-size: 100% 100%; padding: 180px 15px 90px; text-align: center; } .company_sec .angelbox h2 { font-family: 'BebasNeueLight'; font-size: 40px; float: left; width: 100%; color: #FFFFFF; line-height: 35px; margin-bottom: 30px; } .company_sec .angelbox h2 span { float: left; width: 100%; font-family: 'BebasNeueBook'; } .company_sec .angelbox h3 { font-family: 'BebasNeueBook'; font-size: 60px; float: left; width: 100%; color: #FFFFFF; line-height: 40px; margin-bottom: 30px; } .company_sec .angelbox h3 div { float: left; width: 100%; font-family: 'BebasNeueBook'; font-size: 25px; } .company_sec .angelbox h3 div span { padding: 0 35px; position: relative; display: inline-block; } .company_sec .angelbox h3 div span:before, .company_sec .angelbox h3 div span:after { position: absolute; top: 50%; content: ''; background: #FFFFFF; width: 30px; height: 1px; } .company_sec .angelbox h3 div span:before { left: 0px; } .company_sec .angelbox h3 div span:after { right: 0px; } .company_sec .angelbox a { color: #FFFFFF; font-family: 'BebasNeueBook'; font-size: 19px; text-decoration: none; display: inline-block; position: relative; } .company_sec .angelbox a:before { position: absolute; content: ''; left: 5px; bottom: -2px; width: 20px; height: 2px; background: #ffffff; } .company_sec .left_side { text-align: right; float: left; width: 100%; position: relative; margin-bottom: 20px; color: #565656; z-index: 1; } .company_sec .left_side:before { position: absolute; content: ''; right: -20px; height: 1px; top: 20px; background: #15a8ec; width: 20px; } .company_sec .left_side:after { position: absolute; content: ''; right: -41px; height: 20px; top: 10px; background: #15a8ec; width: 20px; border: solid 1px #FFFFFF; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; z-index: 1; } .company_sec .left_side h2 { position: relative; float: left; width: 100%; font-family: 'BebasNeueBook'; font-size: 30px; padding-right: 20px; } .company_sec .left_side h2:before { position: absolute; content: ''; right: 35px; height: 1px; top: 0px; background: #565656; width: 30px; } .company_sec .left_side p { font-weight: 300; } .company_sec .right_side { text-align: left; float: left; width: 100%; position: relative; margin-bottom: 20px; color: #565656; } .company_sec .right_side:before { position: absolute; content: ''; left: -20px; height: 1px; top: 20px; background: #15a8ec; width: 20px; } .company_sec .right_side:after { position: absolute; content: ''; left: -41px; height: 20px; top: 10px; background: #15a8ec; width: 20px; border: solid 1px #FFFFFF; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; z-index: 1; } .company_sec .right_side h2 { position: relative; float: left; width: 100%; font-family: 'BebasNeueBook'; font-size: 30px; padding-left: 20px; } .company_sec .right_side h2:before { position: absolute; content: ''; left: 35px; height: 1px; top: 0px; background: #565656; width: 30px; } .company_sec .right_side p { font-weight: 300; } .bluebox { width: 100%; height: 230px; position: relative; float: left; background: #3bb8f2; background: -moz-linear-gradient(left, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); background: -webkit-linear-gradient(left, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); background: linear-gradient(to right, #3bb8f2 0%, #40bcf2 21%, #43bcf3 21%, #46bdf5 27%, #46bef3 33%, #4ec1f7 47%, #52c1f6 69%, #55c3f8 72%, #55c3f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb8f2', endColorstr='#55c3f6', GradientType=1 ); text-align: center; color: #FFFFFF !important; text-decoration: none !important; font-size: 20px; padding: 30px 20px; font-family: 'BebasNeueRegular'; } .bluebox p { margin: 15px 0 0; line-height: 25px; } .bluebox img { max-width: 70px; } .bluebox .bluehover { position: absolute; visibility: hidden; opacity: 0; background: rgba(0, 0, 0, 0.7); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; width: 0px; height: 0px; left: 50%; top: 50%; } .bluebox .bluehover:before, .bluebox .bluehover:after { content: ""; width: 2px; height: 0; position: absolute; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; background: #fff; } .bluebox .bluehover:before { left: 0px; top: 0px; } .bluebox .bluehover:after { right: 0px; bottom: 0px; } .bluebox .bluehover .mdl:before, .bluebox .bluehover .mdl:after { content: ""; width: 0px; height: 2px; position: absolute; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; background: #fff; } .bluebox .bluehover .mdl:before { left: 0px; top: 0px; } .bluebox .bluehover .mdl:after { right: 0px; bottom: 0px; } .bluebox:hover .bluehover { opacity: 1; visibility: visible; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } .bluebox:hover .bluehover:before, .bluebox:hover .bluehover:after { height: 30px; } .bluebox:hover .bluehover .mdl:before, .bluebox:hover .bluehover .mdl:after { width: 30px; } .gallery_sec { background: url("../images/bggallery.jpg") no-repeat; background-size: cover; background-position: center top; background-image: linear-gradient(#dfedff, #ccd7dc ); } .gallery_sec .container{ width: 100%; max-width: 1200px; } .gallery_sec .about_heading h1{ font-weight: normal; font-size: 20px; } .gallery_sec .about_heading h1:before, .gallery_sec .about_heading h1:after{ bottom: 15px; } .gallery_sec .about_heading h2{ font-weight: 800; } .gallery_sec .glry_head h1 { display: inline-block; position: relative; font-family: 'BebasNeueRegular'; color: #565656; } .gallery_sec .glry_head h1:before { content: ''; position: absolute; right: 0px; bottom: 0px; width: 30px; height: 1px; background: #565656; } .gallery_sec .gallery_bg { margin-top: 40px; margin-bottom: 65px; /*float: left;*/ width: 100%; } .gallery_sec .gallery_bg .gallery_desktop { float: left; width: 100%; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a { float: left; width: 100%; height: 100%; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; text-align: center; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a img { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover:before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ''; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h2{ float: left; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-weight: 700; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; color: #FFFFFF; margin: 0px; padding: 15px; opacity: 1; visibility: hidden; letter-spacing: 0px; text-transform: uppercase; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h4{ float: left; width: 100%; height: auto; font-family: 'Open Sans', sans-serif; font-weight: lighter; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease; color: #FFFFFF; margin-top: -10px ; opacity: 1; visibility: hidden; letter-spacing: 0px; line-height: 1px; text-transform: uppercase; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h2 i, .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h4 i{ font-style: normal; position: relative; display: inline-block; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span { position: absolute; left: 50%; top: 50%; width: 0; height: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; border: solid 1px transparent; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover p { float: left; width: 100%; height: auto; font-family: 'BebasNeueRegular'; font-size: 24px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; color: #FFFFFF; margin: 0px; padding: 15px; opacity: 0; visibility: hidden; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover p i { font-style: normal; position: relative; display: inline-block; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover p i:before { position: absolute; content: ''; right: 0px; height: 1px; top: 0px; background: #fff; width: 30px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover:before { /*background: rgba(0, 0, 0, 0.7);*/ } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:before{ left: 5px; top: 5px; position: absolute; content: ''; width: 1px; border-top:1px solid #FFF; border-left:1px solid #FFF; visibility: hidden; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:after{ right: 5px; bottom: 5px; position: absolute; content: ''; width: 1px; border-bottom:1px solid #FFF; border-right:1px solid #FFF; visibility: hidden; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover span:before, .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover span:after{ visibility:visible; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover h2, .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover h4{ visibility: visible; opacity: 1; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover p { visibility: visible; opacity: 1; } .gallery_sec .gallery_bg .gallery_desktop .carousel-control-prev { width: 30px; height: 30px; top: 50%; margin-top: -15px; left: 15px; display: none; z-index: 1; } .gallery_sec .gallery_bg .gallery_desktop .carousel-control-next { width: 30px; height: 30px; top: 50%; margin-top: -15px; right: 15px; display: none; z-index: 1; } .gallery_sec .gallery_bg .gallery_desktop:hover .carousel-control-next, .gallery_sec .gallery_bg .gallery_desktop:hover .carousel-control-prev { display: block; } .wh100{ width: 100%; height: 100%; } .sd_sec { padding: 5px 0; text-align: center; } .sd_sec .owlcarousel_sec .item:last-child{ margin-right: 0px; } .sd_sec .owlcarousel_sec .item{ width:100%; max-width: 100px; float: left; margin-right: 50px; margin-top: 1%; } .sd_sec h1 { font-family: 'BebasNeueBook'; color: #fff; font-size: 40px; display: inline-block; position: relative; margin-bottom: 30px; } .sd_sec h1:before { position: absolute; content: ''; right: 0px; height: 1px; bottom: 0px; background: #fff; width: 30px; } .sd_sec .sd_box { margin: 0 auto; position: relative; display: inline-block; width: 60px; height: 60px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .sd_sec .item a{ color: #323232; display: inline-block; } .sd_sec .sd_box .img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .sd_sec .sd_box .sd_box_inner { float: left; width: 80%; height: 80%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; color: #fff; position: absolute; left: 10%; top: 10%; } .sd_sec .sd_box .sd_box_inner .mdl { position: relative; } .sd_sec .sd_box .sd_box_inner .sd_img { display: inline-block; width: 40px; height: 40px; background: url("../images/servicedesk/sd_sprite.png") no-repeat; } .sd_sec .sd_box .sd_box_inner .tollfree { background-position: -10px -10px; } .sd_sec .sd_box .sd_box_inner .complaint { background-position: -130px -10px; } .sd_sec .sd_box .sd_box_inner .queries { background-position: -250px -10px; } .sd_sec .sd_box .sd_box_inner h4 { font-size: 17px; margin: 5px 0; } .sd_sec .sd_box .sd_box_inner p { text-align: center; font-size: 12px; margin: 0 auto; } .sd_sec .sd_box .sd_box_inner a { color: #fff; text-decoration: none; } .sd_sec .sd_box .sd_box_inner:hover a, .sd_sec .sd_box .sd_box_inner:hover h4, .sd_sec .sd_box .sd_box_inner:hover p { color: #0492d4; } .sd_sec .sd_box .sd_box_inner:hover .tollfree { background-position: -70px -10px; } .sd_sec .sd_box .sd_box_inner:hover .complaint { background-position: -190px -10px; } .sd_sec .sd_box .sd_box_inner:hover .queries { background-position: -310px -10px; } .events_sec .about_heading { padding: 70px 0 30px; text-align: center; } .events_sec .about_heading h1 { font-family: 'Raleway', sans-serif; margin: 0px; color: #323232; display: inline-block; position: relative; text-transform: uppercase; font-weight: normal; } .events_sec .about_box { border:1px solid #eee; padding: 15px 15px 28px 15px; } .events_sec .about_heading h2 { font-family: 'Raleway', sans-serif; margin: 0px; color: #323232; text-transform: uppercase; font-weight: 800; } .events_sec .about_heading h1:before{ bottom: 13px; } .events_sec .about_heading h1:after{ bottom: 13px; } .events_sec .about_box .about_box_content a:hover::before{ width: 00px; } .events_sec .about_box .about_box_content a:before { position: absolute; content: ''; right: 0px; bottom: 0px; width: 00px; height: 1px; background: #626262; transition: all .2s ease; } .events_sec .about_box .about_box_content a:hover { color: #f80000; border:1px solid #f80000; } .events_sec .about_box:hover a:before, .events_sec .about_box:focus a:before, .events_sec .about_box:hover a:after, .events_sec .about_box:focus a:after { background: #f84141; } .events_sec .about_box:hover h5:before, .events_sec .about_box:focus h5:before{ background: #f84141; } .news_sec { padding: 50px 0; } .news_sec .ms-view { background: #fff; } .news_sec .news_title { font-family: 'BebasNeueRegular'; color: #565656; } .news_sec .news_title:before { content: ''; height: 2px; width: 30px; margin-left: -15px; left: 50%; bottom: 5px; background: #565656; position: absolute; } .news_sec .news_subtitle { color: #565656; } .news_sec .news_text { color: #565656; } .news_sec .news_anchor { font-family: 'BebasNeueBook'; color: #565656; text-decoration: none !important; font-size: 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .news_sec .news_anchor a { color: #565656; text-decoration: none; } .news_sec .news_anchor:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 20px; height: 1px; background: #565656; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .news_sec .news_anchor:hover, .news_sec .news_anchor:focus { color: #565656; } .news_sec .news_anchor:hover:before, .news_sec .news_anchor:focus:before { width: 100%; } /*----- COMPANY STATEMENT ------*/ .li-dec{ margin-left: 0px; padding-left: 0px; text-align: justify; } .li-dec li{ padding-left: 15px; list-style: none; position: relative; } .li-dec li:before{ position: absolute; content: ''; width: 4px; height: 4px; background-color: #ea0400; left: 0px; top:0px; bottom: 0px; margin: auto; } .li-dec-ii{ margin-left: 0px; padding-left: 0px; text-align: justify; } .li-dec-ii li{ padding-left: 15px; list-style: none; position: relative; padding-bottom: 5px; } .li-dec-ii li:before{ position: absolute; content: ''; width: 6px; height: 6px; background-color: #ea0400; left: 0px; top:7px; } .page-content{ font-family: 'Raleway', sans-serif; padding: 45px 0px; } .page-content p,.page-content li{ font-family: 'Open Sans', sans-serif; } .title { display: inline-block; } .title h2{ float: left; padding: 15px 12px; font-weight: 600; text-transform: uppercase; padding-left: 10px; color: #fff; margin-bottom: 0; position: relative; background-color: #076ca0; } /*.title h2:first-letter{ text-transform:uppercase; }*/ /*.title h2:before{ position: absolute; content: ''; width: 20px; height: 3px; background-color: #ea0400; top: 38px; right: 13px; }*/ .title h2 span{ color: #ea0400; } .profile_img img{ height: 100%; width: 100%; } .cs-list ul{ margin-bottom: 5px; } .cs-list ul li{ color: #323232; font-weight: bold; } .accordion .card{ border:none; border-radius: 0; } .accordion .btn-link{ font-family: 'Raleway', sans-serif; font-weight: 600; width: 100%; display: block; background-color: #f6f6f6; color: #797979; text-align: left; text-transform: uppercase; border-radius: 0; padding: .585rem .75rem .585rem .75rem; border-left: 6px solid #ea0400; margin-top: 5px; white-space: normal; } .accordion .btn-link:hover{ text-decoration: none; background-color: #313233; color: #FFF; border-left: 6px solid #ea0400; } .accordion .btn-link[aria-expanded="true"]{ background-color: #313233; color: #FFF; } .btn-link:focus{ text-decoration: none; } .accordion .btn:not(:disabled):not(.disabled) { cursor: pointer; } .accordion .card-body{ margin-top: 5px; padding: 1.75rem; } .accordion .card-body h3{ font-weight: bold; color: #ea0400; } .accordion .card-body p{ margin-top: 1.2rem; margin-bottom: 1.2rem; } .accordion .card-body p:last-child{ margin-bottom: 0px; } .accordion .card-body ul{ margin-top: 1.2rem; margin-bottom: 0px; } .accordion .card-body ul li{ margin-bottom: 5px; } .accordion .card-body ul li:last-child{ margin-bottom: 0px; } .accordion .media{ padding: 10px 10px 0px 0px; } .accordion .media .media-body{ margin-top: 10px; } .accordion .media .media-body h3{ margin-bottom: 0px; } .accordion .media .media-body p{ font-family: 'Open Sans', sans-serif; } /*----- END COMPANY STATEMENT ------*/ /*----- COMPANY PROFILE-------------*/ .con-text p{ text-align: justify; font-family: 'Open Sans', sans-serif; } .con-text p:last-child{ margin-bottom: 0px; } .read-btn button{ width: 115px; height: 42px; line-height: 1em; text-transform: uppercase; border:1px solid #747474; background: transparent; } .read-btn button:hover{ cursor: pointer; border:1px solid #ea0400; color: #ea0400; } .form-btn{ width: 100%; max-width: 300px; margin: 30px auto; } .form-btn button.submit{ border:none; width: 160px; } .form-btn button.reset{ border:none; width: 120px; } .form-btn button{ height: 40px; line-height: 1em; color: #FFF; text-transform: uppercase; background: #313234; transition: all .5s ease; } .form-btn button:hover{ background-color: #f82e08; cursor: pointer; color: #FFF; } .form-btn input.submit{ border:none; width: 160px; } .form-btn input.reset{ border:none; width: 120px; } .form-btn input{ height: 40px; line-height: 1em; color: #FFF; text-transform: uppercase; background: #313234; transition: all .5s ease; } .form-btn input:hover{ background-color: #f82e08; cursor: pointer; color: #FFF; } .anc-links a{ color: #ea0400; } .anc-links a:hover{ text-decoration: none; } .anc-links li{ position: relative; } .anc-links li:before{ width: 4px; height: 4px; top:2px; transition: all .3s ease; } .anc-links li:hover::before{ width: 10px; } .md-msg p{ margin-bottom: 0px; } .md-msg h4{ margin-bottom: 0px; } .sidebar ul{ padding-left: 0px; } .sidebar ul li{ font-family: 'Open Sans', sans-serif; list-style-type: none; } .sidebar-head{ background: #076ca0; color: #FFF; display: inline-block; width: 100%; padding: 15px 12px; } .sidebar-head h5{ text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin-bottom: 0px; float: left; position: relative; font-weight:600; } /*.sidebar-head h5:before{ position: absolute; content: ""; width: 20px; height: 3px; background: #ea0400; bottom: -3px; right: 0px; }*/ .sidebar-head span{ vertical-align: sub; float: right; position: relative; width: 22px; height: 22px; } .sidebar-head span:before{ position: absolute; content: ""; background: #FFF; width: 35px; height: 2px; top: 54%; left: -10px; } .sidebar-head span:after{ position: absolute; content: ""; background: #FFF; width: 12px; height: 12px; top: 31%; left: 5px; border-radius:100px; } .sidebar .p-menu li{ margin-bottom: 3px; } .sidebar .p-menu a{ background: #f6f6f6; /*padding: 10px 25px;*/ border-left: 2px solid #e7e7e7; } .sidebar .p-menu a:hover{ /*border-color:#ea0400;*/ border-color:#fff; } .sidebar .p-menu a:hover::before{ /*background-color:#ea0400;*/ background-color:#fff; } .sidebar .p-menu a{ display: block; color: #313233; font-size: 14px; position: relative; } .sidebar .p-menu a:before{ position: absolute; content: ''; width: 7px; height: 7px; background-color: #d3d3d3; left: 9px; top: 45%; border-radius: 100px; } .sidebar .p-menu a:hover{ /*color: #ea0400;*/ background-color: #137ebf; color: #fff; } .sidebar .parent-li a[aria-expanded="true"]{ /*background-image: url(../images/color.png);*/ background-color: #137ebf; background-size: cover; border:none; color: #fff; } .sidebar .parent-li a[aria-expanded="true"]::before{ background-color: #FFF; } .sidebar .p-menu a:hover{ text-decoration:none; } ul.sub-menu{ background: #f6f6f6; } ul.sub-menu li{ padding: 2px 0px; text-align: left; margin-bottom: 1px !important; } .sitemap ul.sub-menu li{ padding: 2px 10px; text-align: left; margin-bottom: 1px !important; } .sidebar .sub-li a[aria-expanded="true"]{ background-image: none; border-left:2px solid #313233; color: #ea0400; border-bottom: 1px solid #fff; } .sidebar .sub-li a[aria-expanded="true"]::before{ background-color: #ea0400; } .sidebar .sub-li a:hover{ /*border-bottom: 1px solid #fff !important;*/ } .sidebar .sub-menu li { border-bottom: 1px solid #fff; } .sidebar .sub-menu li:last-child { border-bottom:none; } .sidebar .sub-menu li a{ position: relative; } .sidebar .sub-menu li a:before{ left: 22px; } .sidebar .sub-menu li a:hover{ border-left:2px solid #313233 !important; } .sidebar .sub-menu2 li a{ padding-left: 40px; position: relative; } .sidebar .sub-menu2 li a:before{ left: 35px; } .sitemap ul.sub-menu { padding-left:0px; background: #fff; } .sitemap .sub-menu li a{ padding-left: 0px; position: relative; } .sitemap .sub-menu li a:before{ left: 6%; } .sitemap .sub-menu2 li a{ padding-left: 20px; position: relative; } .sitemap .sub-menu2 li a:before{ left: 8%; } table{ overflow: auto; } table td{ color:#313233; font-weight: 600 !important; } table td strong{ font-weight: 600 !important; } table th,table th strong{ font-weight: 600 !important;} table td b,table th b{ font-weight: 600 !important;}} .table-striped{ border: 1px solid #dee2e6; } table td input,table td input{ font-weight: 400 !important; } .table-striped tr td:first-child,.table-striped tr th:first-child{ text-align: left !important; } .nth2_left tr td:first-child,.nth2_left tr th:first-child, .nth2_left tr td:nth-child(2),.nth2_left tr th:nth-child(2) { text-align: left !important; } .table-striped tbody tr:nth-of-type(odd){ background-color: #f6f6f6; } .gas-dist .accordion button{ font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-weight: normal; } #top a{ font-family: 'Open Sans', sans-serif; color: #ea0400; } #top a:hover{ text-decoration: none; } tr th{ background-color: #076ca0; } td a{ color: #ea0400; } td a:hover,td a:active,td a:focus{ color: #ea0400; text-decoration: none; } /*additional classes*/ .sgms .col-sm-6{ float:left; } .departs td a{ position:relative; font-weight:100; } .departs td a:before{ position: absolute; content: ''; width: 4px; height: 4px; background-color: #ea0400; left: -12px; top: 0px; bottom: 0px; margin: auto; transition: all .3s ease; } .departs td a:hover::before { width: 10px; } .associated-companies,.regulation{ padding-left:0px; } .associated-companies ul{ margin-bottom:0; } .associated-companies a{ color: #ea0400; padding-left: 0px; } .form-btn{ width: 100%; max-width: 300px; margin: 30px auto; } .form-btn button.submit{ border:none; width: 160px; } .form-btn button.reset{ border:none; width: 120px; } .form-btn button{ height: 40px; line-height: 1em; color: #FFF; text-transform: uppercase; background: #313234; transition: all .5s ease; } .form-btn button:hover{ background-color: #f82e08; cursor: pointer; color: #FFF; } .form td { vertical-align: text-bottom; margin-bottom: 25px; margin-top:25px; } form table tr td{ padding: 8px 10px 5px 10px !important; vertical-align: middle; } form table tr td:nth-child(2){ padding: 0px 0px !important; vertical-align: middle; } .table-header tr:first-child{ background-color: #076ca0 !important; } .table-header tr:first-child td{ color:#FFF !important; text-align:center; } .table-header tr:first-child th{ color:#FFF !important; text-align:center; } .table-header tr th{ color:#FFF !important; text-align:center; vertical-align: middle; } .theader tr{ background-color: #076ca0 !important; } .theader tr td{ color:#FFF !important; } .theader tr th{ color:#FFF !important; vertical-align: middle; } table.monthly-news td, table.monthly-news th { vertical-align: middle; } table.monthly-news td a{ top: -20px; vertical-align: top; position: relative; } table.interim-reports td, table.interim-reports th { vertical-align: middle; } table.interim-reports td a{ top: -10px; vertical-align: top; position: relative; } table.interim-reports tr td:first-child{ text-align:left !important; } .slick-prev{ width:20px; height:20px; background-color:rgba(255,255,255,0.8); color:#000; position: absolute; display: block; z-index: 1; top: 50%; left:0px; border:none; } .slick-next{ width:20px; height:20px; background-color:rgba(255,255,255,0.8); color:#000; position: absolute; display: block; z-index: 1; top: 50%; right:0px; border:none; } .awards-title { font-size: 14px; color: #ea0400; margin-bottom: 1rem; } table.act-tender{ border: 1px solid #dee2e6; } .act-tender.table-striped tbody tr:nth-of-type(odd) { background-color: #f6f6f6; } table.act-tender thead tr td{ border-right: 1px solid #dee2e6; text-align:center;} table.act-tender thead tr td strong{ font-weight:600 !important; } .act-tender.table thead tr:first-child td, .act-tender.table th { font-family: 'Open Sans', sans-serif; padding: 3px; vertical-align: middle; color:#FFF; } .act-tender td input, .act-tender td select{ font-weight:400 !important; display: block; width: 100%; height: 30px; padding: 0px 10px; text-align:left; font-size: 14px; line-height: 1.5em; color: #495057; background-color: #fff; background-clip: padding-box; border-radius: 0px; border:none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } table.act-tender tfoot tr td{ height:30px; color: #313233 !important; } table.table-striped tr td{ text-align:center;} table.tender-eva tr td strong,table.tender-eva tr td table tr td strong{ font-weight:600 !important;} table.tender-eva tr:first-child td{ background-color: #076ca0 !important; color:#FFF !important; font-weight:600 !important; } table.tender-eva tr td table{ margin:0 auto !important; font-weight:600 !important;} table.search-form { padding: 5px 0px; border:1px solid #dee2e6 !important; } .search-form tr{ background-color: #FFF !important; } .search-form tr td{ padding:5px; } .search-form tr td:first-child{ vertical-align: inherit; border-right:1px solid #dee2e6 !important; } form table.search-form tr td:nth-child(2){ padding-left:10px !important; } .search-form input{ border:none; } .border-left{ border-left:1px solid #dee2e6 !important;} .search-form .submit{ width:120px; color:#fff; line-height:1em; background:#313234; height:30px; transition:all .5s ease; border:none; } .search-form .submit:hover{ background:#f82e08; } .search-form input{ width:100%; height:30px; } .page-num{ padding:5px; border:1px solid #dee2e6;} .text3 a{ font-weight:lighter !important;} .va{ vertical-align: middle; } /*------FOOTER--------*/ footer { border-top: 2px solid #f84141; background-image: linear-gradient(#15437F, #1384C6 ); } footer .container{ /*display: inline-block; */} footer p, footer a { font-size: 12px; //color: #8e8e8e; color: #ffffff; text-decoration: none !important; } footer .ftr_lnk li a{ position: relative; } footer .ftr_lnk li a:after { position: absolute; content: ''; left: 0px; bottom: 0px; width: 00px; height: 1px; background: #fff; transition: all .2s ease; } footer p:hover, footer a:hover { color: #fff; } footer .ftr_bdy { float: left; width: 100%; padding: 50px 0; } footer .ftr_adr { float: left; width: 100%; } footer .ftr_adr ul li p:first-child:hover{ color: #fff !important; } footer .ftr_adr h4 { font-weight: bold; //color: #8e8e8e; color: #ffffff; font-size: 17px; height: 20px; margin-bottom: 15px; } footer .ftr_adr ul { margin: 0px; padding: 0px; list-style: none; } footer .ftr_adr ul li { font-size: 12px; } footer .ftr_adr ul li a:hover, footer .ftr_adr ul li a:focus, footer .ftr_adr ul li a:hover p, footer .ftr_adr ul li a:focus p { color: #fff; } footer .ftr_adr ul li p { margin: 0px 0px 10px; } footer .ftr_adr ul li svg { margin-right: 15px; float: left; font-size: 16px; margin-top: 4px; } footer .ftr_lnk { float: left; width: 100%; } footer .ftr_lnk h4 { font-weight: bold; color: #8e8e8e; font-size: 17px; height: 20px; margin-bottom: 15px; } footer .ftr_lnk ul { margin: 0px; padding: 0px; list-style: none; } footer .ftr_lnk ul li { font-size: 12px; margin-bottom: 5px; } footer .ftr_lnk ul li a:hover, footer .ftr_lnk ul li a:focus, footer .ftr_lnk ul li a:hover p, footer .ftr_lnk ul li a:focus p {color: #fff; } footer .jamapunji { padding-top: 25px; float: left; width: 100%; } footer .jamapunji h4 { //color: #8e8e8e; color: #ffffff; font-size: 17px; height: 20px; margin-bottom: 25px; margin-top: 10px; display: inline-block; } footer .jamapunji h5 { font-size: 14px; font-weight: bold; //color: #8e8e8e; color: #ffffff; margin-bottom: 5px; } footer .jamapunji a { display: inline-block; } footer .ftr_btm { border-top: solid 1px #524c4c; float: left; width: 100%; padding: 10px 0; background-color: #363e44; text-align: center; } footer .ftr_btm p { margin: 0px; color: #8e8e8e; } footer .ftr_btm p a:hover{ color: #fff !important; } /* ------------------------------------ transiton ------------------------------------ */ .tra03 { -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1); } .tra05 { -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1); } .tra08 { -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1); } .tra10 { -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); } .tra12 { -webkit-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1); } .tra15 { -webkit-transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 1500ms cubic-bezier(0.19, 1, 0.22, 1); } .tra20 { -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); } .tra25 { -webkit-transition: all 2500ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2500ms cubic-bezier(0.19, 1, 0.22, 1); } .tra30 { -webkit-transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); } .delay01 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .delay02 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .delay03 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .delay04 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .delay05 { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .delay06 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .delay07 { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .delay08 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .delay09 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .delay10 { -webkit-transition-delay: 1s; transition-delay: 1s; } .delay11 { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .delay12 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .delay13 { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .delay14 { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .delay15 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .delay16 { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .delay17 { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } .delay18 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .delay19 { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } .delay20 { -webkit-transition-delay: 2s; transition-delay: 2s; } /* ------------------------------------ font ------------------------------------ */ .f_trump { font-family: "trumpgothicpro", sans-serif; font-weight: 500; } /* ------------------------------------ animation ------------------------------------ */ /* .js-text */ .js-text p { display: inline-block; overflow: hidden; } .js-text p span { display: inline-block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .js-text.on p span, .on .js-text p span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .js-text_word p { display: inline-block; overflow: hidden; margin-right: 5px; } .js-text_word p span { display: inline-block; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .js-text_word.on p span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .js-text_btn p, .js-text_btn p span { display: inline-block; margin: 0px; } .js-text_btn.rx360:hover p span { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } .js-text_btn.l25:hover p span { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } .js-blur_hover:hover { -webkit-filter: blur(3px) !important; filter: blur(3px) !important; -webkit-transition-delay: 0s !important; transition-delay: 0s !important; } .os-animation { opacity: 0; } .news-letter{ padding-bottom: 50px; padding-top: 50px; text-align: center; color: #8e8e8e; } .news-letter select{ width: 255px; height: 48px; color: #a9a8a7; float: left; border: 1px solid #dcdcdc; padding-left: 10px; background-image: url('../images/arrow.jpg'); background-position: 230px 20px; background-repeat: no-repeat; } .news-letter select { /* for Firefox */ -moz-appearance: none; /* for Chrome */ -webkit-appearance: none; } /* For IE10 */ .news-letter select::-ms-expand { display: none; } .news-letter input{ width: 440px; height: 48px; float: left; color: #a9a8a7; border: 1px solid #dcdcdc; margin-left: 5px; padding-left: 10px; } .news-letter input[type="submit"]{ background-color: #f84141; width: 340px; height: 48px; float: left; color: #FFF; text-transform: uppercase; text-align: center; cursor: pointer; transition: all .5s ease; } .news-letter input[type="submit"]:hover{ background-color: transparent; color: #f84141; border: 1px solid #f84141; } .p-ii{ line-height: 14px; font-size: 12px; margin-bottom: 5px; width: 100px; text-align: center; color: #3c3b3b !important; } .right-slide button{ /*background-image: url('../images/color.png'); background-size: cover;*/ background-color: transparent; border: 1px solid #fff; width: 110px; height: 33px; color: #FFF; text-transform: capitalize; font-size: 14px; /*left: 180px; top: -95px;*/ margin-bottom: 10px; position: relative; cursor: pointer; transition: all .3s ease; } .left-border{ border-left:1px solid #ded5d5; } .sd_sec .owl-item .item{ margin-left: 40px; } .news-slides a{ color: #Fff; text-decoration: none; position: relative; font-weight: bold; font-size: 13px; vertical-align: text-top; } .news-slides a.ticker_a:before{ position: absolute; content: ''; width: 4px; height: 4px; left: -13px; top: 5px; background: #fff; } .list-unstyled { padding: 0; margin: 0; list-style: none; } .hi-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 0px auto 0px auto; width: 48px; height: 40px; /*border-radius: 50%;*/ text-align: center; position: relative; z-index: 1; color: #fff; } .hi-icon img:first-child{ width: 75%; margin-top: 5px; display: block; } .sd_sec .owlcarousel_sec .item:nth-child(3) .hi-icon img:first-child{ margin-left: 6px; margin-top: 7px; } .sd_sec .owlcarousel_sec .item:nth-child(6) .hi-icon img:first-child{ margin-left: 6px; margin-top: 8px; } .sd_sec .owlcarousel_sec .item:nth-child(7) .hi-icon img:first-child{ margin-left: 5px; margin-top: 8px; } .sd_sec .owlcarousel_sec .item:nth-child(8) .hi-icon img:first-child{ margin-left: 6px; margin-top: 3px; } .hi-icon img.ic{ margin-top: 4px; margin-left: 3px; } .hi-icon:after { pointer-events: none; position: absolute; width: 1%; height: 1%; /*border-radius: 100%;*/ content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hi-icon:before { font-family: 'ecoicon'; speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } /* Effect 8 */ .hi-icon-effect-8 .hi-icon { /*background: rgba(255,255,255,0.1);*/ -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; } .hi-icon-effect-8 .hi-icon:after { top: 22px; left: 24px; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .hi-icon-effect-8 .sd_box:hover p{ color: #323232 !important; } .g-img{ display: inline-block; position: relative; width: 100%; clear: both; } .g-img img{ height: 100%; } svg{width:100%;} .fixed_side { position: fixed; right: 0px; height: 333px; top: 50%; margin-top: -165px; z-index: 11; width: 40px; /*background-image: linear-gradient(#dfedff, #ccd7dc );*/ background-image: linear-gradient(#15437F, #1384C6 ); } .fixed_side a { position: absolute; padding: 5px; height: 38px; line-height: 28px; width: 300px; color: #ffffff; text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .fixed_side a img { float: left; width: 28px; margin-right: 5px; } .fixed_side a span { float: left; } .fixed_side a:nth-child(1) { width: 140px; top: 0px; right: -103px; } .fixed_side a:nth-child(2) { width: 230px; top: 41px; right: -193px; } .fixed_side a:nth-child(3) { width: 200px; top: 82px; right: -163px; } .fixed_side a:nth-child(4) { width: 240px; top: 123px; right: -203px; } .fixed_side a:nth-child(5) { width: 160px; top: 164px; right: -123px; } .fixed_side a:nth-child(6) { width: 160px; top: 205px; right: -123px; } .fixed_side a:nth-child(7) { width: 235px; top: 246px; right: -198px; } .fixed_side a:nth-child(8) { /*width: 195px; right: -158px;*/ width: 165px; top: 287px; right: -128px; } .fixed_side a:nth-child(9) { width: 205px; top: 330px; right: -168px; } .fixed_side a:hover { right: 0px; background-image: linear-gradient(#15437F, #1384C6 ); } .button { margin: .4em; padding: 1em; cursor: pointer; background: #ececec; text-decoration: none; color: #666; } /* 2D TRANSITIONS */ /* Grow */ .grow { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .grow:hover { transform: scale(1.1); } /* Shrink */ .shrink { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .shrink:hover { transform: scale(0.9); } /* Pulse */ @keyframes pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } } .pulse { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .pulse:hover { animation-name: pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } /* Pulse Grow */ @keyframes pulse-grow { to { transform: scale(1.1); } } .pulse-grow { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .pulse-grow:hover { animation-name: pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Pulse Shrink */ @keyframes pulse-shrink { to { transform: scale(0.9); } } .pulse-shrink { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .pulse-shrink:hover { animation-name: pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Push */ @keyframes push { 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .push { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .push:hover { animation-name: push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } /* Pop */ @keyframes pop { 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .pop { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .pop:hover { animation-name: pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; } /* Rotate */ .rotate { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .rotate:hover { transform: rotate(4deg); } /* Grow Rotate */ .grow-rotate { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .grow-rotate:hover { transform: scale(1.1) rotate(4deg); } /* Float */ .float { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .float:hover { transform: translateY(-5px); } /* Sink */ .sink { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .sink:hover { transform: translateY(5px); } /* Hover */ @keyframes hover { 50% { transform: translateY(-3px); } 100% { transform: translateY(-6px); } } .hover { display: inline-block; transition-duration: .5s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .hover:hover { transform: translateY(-6px); animation-name: hover; animation-duration: 1.5s; animation-delay: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Hang */ @keyframes hang { 50% { transform: translateY(3px); } 100% { transform: translateY(6px); } } .hang { display: inline-block; transition-duration: .5s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .hang:hover { transform: translateY(6px); animation-name: hang; animation-duration: 1.5s; animation-delay: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Skew */ .skew { display: inline-block; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .skew:hover { transform: skew(-10deg); } /* Skew Forward */ .skew-forward { display: inline-block; transition-duration: 0.3s; transition-property: transform; transform-origin: 0 100%; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .skew-forward:hover { transform: skew(-10deg); } /* Wobble Vertical */ @keyframes wobble-vertical { 16.65% { transform: translateY(8px); } 33.3% { transform: translateY(-6px); } 49.95% { transform: translateY(4px); } 66.6% { transform: translateY(-2px); } 83.25% { transform: translateY(1px); } 100% { transform: translateY(0); } } .wobble-vertical { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .wobble-vertical:hover { animation-name: wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Horizontal */ @keyframes wobble-horizontal { 16.65% { transform: translateX(8px); } 33.3% { transform: translateX(-6px); } 49.95% { transform: translateX(4px); } 66.6% { transform: translateX(-2px); } 83.25% { transform: translateX(1px); } 100% { transform: translateX(0); } } .wobble-horizontal { display: inline-block; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .wobble-horizontal:hover { animation-name: wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Top */ @keyframes wobble-top { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .wobble-top { display: inline-block; transform-origin: 0 100%; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .wobble-top:hover { animation-name: wobble-top; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* Wobble Bottom */ @keyframes wobble-bottom { 16.65% { transform: skew(-12deg); } 33.3% { transform: skew(10deg); } 49.95% { transform: skew(-6deg); } 66.6% { transform: skew(4deg); } 83.25% { transform: skew(-2deg); } 100% { transform: skew(0); } } .wobble-bottom { display: inline-block; transform-origin: 100% 0; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .wobble-bottom:hover { animation-name: wobble-bottom; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; } /* BORDER TRANSITIONS */ /* Border Fade */ .border-fade { display: inline-block; transition-duration: 0.3s; transition-property: box-shadow; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: inset 0 0 0 4px #ececec, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } .border-fade:hover { box-shadow: inset 0 0 0 4px #666, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hollow { display: inline-block; transition-duration: 0.3s; transition-property: background; transform: translateZ(0); /* Hack to improve performance on mobile/tablet devices */ box-shadow: inset 0 0 0 4px #ececec, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } .hollow:hover { background: none; } /* Trim */ .trim { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; } .trim:hover:before { opacity: 1; } /* Outline Outward */ .outline-outward { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .outline-outward:before { content: ''; position: absolute; border: #ececec solid 4px; top: 0; right: 0; bottom: 0; left: 0; transition-duration: .3s; transition-property: top right bottom left; } .outline-outward:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline Inward */ .outline-inward { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .outline-inward:before { content: ''; position: absolute; border: #ececec solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; transition-duration: .3s; transition-property: top right bottom left; } .outline-inward:hover:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .round-corners { display: inline-block; transition-duration: 0.3s; transition-property: border-radius; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .round-corners:hover { border-radius: 1em; } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .glow { display: inline-block; transition-duration: 0.3s; transition-property: box-shadow; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .glow:hover { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Box Shadow Outset */ .box-shadow-outset { display: inline-block; transition-duration: 0.3s; transition-property: box-shadow; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .box-shadow-outset:hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .box-shadow-inset { display: inline-block; transition-duration: 0.3s; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ -webkit-tap-highlight-color: transparent; transform: translateZ(0); } .box-shadow-inset:hover { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .float-shadow { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ transition-duration: 0.3s; transition-property: transform opacity; } .float-shadow:hover { transform: translateY(-5px); /* move the element up by 5px */ } .float-shadow:hover:before { opacity: 1; transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Hover Shadow */ @keyframes hover { 50% { transform: translateY(-3px); } 100% { transform: translateY(-6px); } } @keyframes hover-shadow { 0% { transform: translateY(6px); opacity: .4; } 50% { transform: translateY(3px); opacity: 1; } 100% { transform: translateY(6px); opacity: .4; } } .hover-shadow { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .hover-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ transition-duration: 0.3s; transition-property: transform opacity; } .hover-shadow:hover { transform: translateY(-6px); animation-name: hover; animation-duration: 1.5s; animation-delay: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } .hover-shadow:hover:before { opacity: .4; transform: translateY(6px); animation-name: hover-shadow; animation-duration: 1.5s; animation-delay: .3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } /* Shadow Radial */ .shadow-radial { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .shadow-radial:before, .shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; } .shadow-radial:before { bottom: 100%; background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .shadow-radial:after { top: 100%; background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .shadow-radial:hover:before, .shadow-radial:hover:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .bubble-top { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; transition-duration: 0.3s; left: calc(50% - 10px); border-width: 0 10px 10px 10px; border-color: transparent transparent #ececec transparent; transition-property: top; } .bubble-top:hover:before { top: -10px; } /* Bubble Right */ .bubble-right { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; transition-duration: 0.3s; transition-property: right; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #ececec; } .bubble-right:hover:before { right: -10px; } /* Bubble Bottom */ .bubble-bottom { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; transition-duration: 0.3s; transition-property: bottom; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #ececec transparent transparent transparent; } .bubble-bottom:hover:before { bottom: -10px; } /* Bubble Left */ .bubble-left { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; transition-duration: 0.3s; transition-property: left; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #ececec transparent transparent; } .bubble-left:hover:before { left: -10px; } /* Bubble Float Top */ .bubble-float-top { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-float-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ececec transparent; transition-duration: 0.3s; transition-property: top; } .bubble-float-top:hover { transform: translateY(5px) translateZ(0); } .bubble-float-top:hover:before { top: -10px; } /* Bubble Float Right */ .bubble-float-right { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-float-right:before { pointer-events: none; position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #ececec; transition-duration: 0.3s; transition-property: right; } .bubble-float-right:hover { transform: translateX(-5px); } .bubble-float-right:hover:before { right: -10px; } /* Bubble Float Bottom */ .bubble-float-bottom { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-float-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ececec transparent transparent transparent; transition-duration: 0.3s; transition-property: bottom; } .bubble-float-bottom:hover { transform: translateY(-5px) translateZ(0); } .bubble-float-bottom:hover:before { bottom: -10px; } /* Bubble Float Left */ .bubble-float-left { display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .bubble-float-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #ececec transparent transparent; transition-duration: 0.3s; transition-property: left; } .bubble-float-left:hover { transform: translateX(5px); } .bubble-float-left:hover:before { left: -10px; } /* CURLS */ /* Curl Top Left */ .curl-top-left { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.3s; transition-property: width height; } .curl-top-left:hover:before { width: 25px; height: 25px; } /* Curl Top Right */ .curl-top-right { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.3s; transition-property: width height; } .curl-top-right:hover:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .curl-bottom-right { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.3s; transition-property: width height; } .curl-bottom-right:hover:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .curl-bottom-left { display: inline-block; position: relative; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.3s; transition-property: width height; } .curl-bottom-left:hover:before { width: 25px; height: 25px; } .link { display: block; width: 100%; text-align: center; } .link a { font-weight: bold; } #forkongithub a { background: #000; color: #fff; text-decoration: none; font-family: arial, sans-serif; text-align: center; font-weight: bold; padding: 5px 40px; font-size: 1rem; line-height: 2rem; position: relative; transition: 0.5s; } #forkongithub a:hover { background: #060; color: #fff; } #forkongithub a::before, #forkongithub a::after { content: ""; width: 100%; display: block; position: absolute; top: 1px; left: 0; height: 1px; background: #fff; } #forkongithub a::after { bottom: 1px; top: auto; } .btn-h { background-image: url('../images/color.png'); background-size: cover; background: transparent; margin: 3px 0; line-height: 18px; text-align: center; color: #626262; background: linear-gradient(to left, transparent 50%, transparent 50%); background-size: 200% 100%; background-position: right bottom; transition: all 0.7s ease !important; } .btn-h:hover, .btn-h:hover { background-color: transparent; background-position: left bottom; color: #f80000; border: 1px solid #f80000; } .sd_box:hover .hoveri{ display: none; } .sd_box .sv1{ fill: #f80000; } .sd_box .sv2{ fill: #b70101; } .sd_box .sv3{ fill: #bb7e08; } .sd_box .sv4{ fill: #0e5bb9; } .sd_box .sv5{ fill: #778943; } .sd_box .sv6{ fill: #905cf5; } .sd_box .sv7{ fill: #13b902; } .sd_box .sv8{ fill: #eeeeee; } .sd_box .sv9{ fill: #17a2b8; } .sd_box:hover .sv1{ fill: #fff; } .sd_box:hover .sv2{ fill: #fff; } .sd_box:hover .sv3{ fill: #fff; } .sd_box:hover .sv4{ fill: #fff; } .sd_box:hover .sv5{ fill: #fff; } .sd_box:hover .sv6{ fill: #fff; } .sd_box:hover .sv7{ fill: #fff; } .sd_box:hover .sv8{ fill: #fff; } .sd_box:hover .sv9{ fill: #fff; } .display-none{ display: none; } .sd_box:hover .display-none{ margin-left: 1px; display: block; margin-top: 5px; width: 75%; } .sd_sec .owlcarousel_sec .item:nth-child(6) .sd_box:hover .display-none{ margin-top: 8px; margin-left: 6px; } .sd_sec .owlcarousel_sec .item:nth-child(7) .sd_box:hover .display-none{ margin-top: 8px; margin-left: 5px; } .arr2{ font-size: 11px; padding-right: 2px; } a.logo img{ float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .sticky { position: fixed; top: 0; width: 100%; transition: all .5s ease; z-index: 999999; display: block; transition: position 3s ease; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); } .sticky a.logo img{ width: 280px !important; } .sticky .menu{ margin-top: 15px !important; } #back-to-top { background-image: url('../images/color.png'); background-size: cover; position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; color: #fff; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top:hover { color: #fff; } #back-to-top.show { opacity: 1; } .form tr{ background-color: transparent !important; } .form td{ vertical-align: text-top; } .form .form-control{ border:none !important; border-radius: 0; } .form .form-control:focus{ box-shadow:none !important; border-right: 3px solid #f82e08 !important; } .sitemap .sitemap-heading{ font-size:20px; font-weight: bold; color: #292929; margin-bottom: 1rem; } a.sitemap-heading:hover{ color:#ea0400; } .gallery_sec{ overflow: hidden; } .md-msg .media{ display: block !important; } .bod .media { display: inline-block !important; } .bod .media .col-md-3{ display: inline-block; float: left; padding-left: 0; overflow: hidden; } .bod .media .col-md-3 img{ height: auto !important; } .md-msg .media .media-body img{ float: none; } .md-msg .media img{ float: left; display: block; margin-bottom: 10px; } .md-msg .media .media-body{ float: none; display: block; } .md-msg .media ul { display: grid; } .sidebar { margin-bottom: 50px; } .company-img img{ width:100%; } .form_head{ float: left; display: inline-block; text-align: left; } .form_head h4{ font-size: 19px; } @media screen and (min-width: 1921px) { .ms-slide-layers { left: 0 !important; width: 100%; max-width: inherit; } } @media screen and (max-width: 2560px) { .profile_img{ overflow: hidden; float: left; height: 230px; width: 195px; display: inline-block !important; } .slide-1 .slider_txt1{ font-size: 28px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 85%; padding: 6px !important; font-size: 18px !important; top:380px; } .slide-1 .slider_ancher{ left: 115px !important; font-size: 12px !important; top: 480px !important; } .slide-5 .slider_txt1 { font-size: 24px !important; width: 245px; top: 345px !important; line-height: 22px !important; padding: 5px !important; } .slide-5 .slider_ancher{ left: 175px !important; top: 405px !important; font-size: 12px !important; } .slide-5 .slider_txt1.i { font-size: 24px !important; width: 390px; top: 345px !important; line-height: 25px !important; padding: 5px !important; } .slide-5 .slider_ancher.i { left: 290px !important; top: 425px !important; font-size: 14px !important; } .bod .media .col-md-3{ max-width: 195px ; height: 200px; } .sidebar .sub-menu li a{ padding-left: 45px;} .sidebar .sub-menu2 li a { padding-left: 55px;} .mob-active{ display: none; } .sidebar .p-menu a{ padding: 10px 35px; } .container{ max-width:1920px; } .left{ float: left; } .right{ float: right; } .left-border-ii{ border-left:1px solid #524c4c; } .right-border-ii{ border-right:1px solid #524c4c; } .top_bar .right{ float: right; } .slick-responsive-header{ float: none; } .topbar_ul { max-width: 320px; width: 100%; float: left; } .topbar_ul li { float: left; } .brdcrmb li{ display:inline; } .sidebar-head h5{ font-size:20px; } .title { padding-bottom: 35px; } .title h2{ font-size: 20px; } .cs-list ul li{ font-size: 18px; } .accordion{ padding-top: 35px; } .accordion .card-body ul li{ font-size: 14px; } .accordion .btn-link{ font-size: 17px; } .accordion .card-body h3{ font-size: 16px; } .media-body.ml-3{ margin-left: 1rem !important; } .company-img{ padding-bottom: 40px; } .events_sec .about_box_content p.ep{ padding-top: 10px; margin-bottom: 28px; } .about_heading h1 { font-size: 41px; } .about_heading h1:after { content: ''; position: absolute; background: #323232; right: -157px; bottom: 10px; width: 140px; height: 2px; } .about_heading h1:before { content: ''; position: absolute; background: #323232; left: -157px; bottom: 10px; width: 140px; height: 2px; } .about_heading h2 { font-size: 20px; } .about_sec .about_box_sec .about_box h5 { font-size: 20px; padding-top: 8px; padding-bottom: 8px; } .company .media-body{ min-height: 1200px; } .company .c-content h5{ font-size: 1.45rem; } .company .c-content h2{ font-size: 2.2rem; } .company .c-content h6{ font-size: 1.2rem; } .company .c-content p{ font-size: 16px; } .company .c-content h5:after{ /*left: 310px;*/ } .company .c-content h5:after{ /*left: 155px;*/ } .c-content .para{ top: 80px; } .right-slide button{ margin-top: 120px; } .events_sec .about_heading h1 { font-size: 18px; line-height: 35px; } .events_sec .about_heading h2 { font-size: 45px; line-height: 25px; } .events_sec .about_box_content p.ep{ height: 65px; } .gallery_sec { padding: 65px 0px 0px 0px; } .gallery_sec .about_heading h2{ font-size: 41px; line-height: 25px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h2{ font-size: 34px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h4{ font-size: 20px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover span { width: calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; background: rgba(248,65,65,0.6); } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:before{ height: 35px; width: 35px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:after{ height: 35px; width: 35px; } footer .ftr_adr h4 { padding-left: 35px; } footer .ftr_adr ul li { padding-left: 0px; } footer .jamapunji img:first-child{ width: 100%; } footer .ftr_btm p { font-size: 12px; } } @media screen and (max-width: 1920px) { .slide-1 .slider_txt1{ font-size: 24px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 85%; padding: 6px !important; font-size: 16px !important; top:380px; } .slide-1 .slider_ancher{ left: 115px !important; font-size: 12px !important; top: 365px !important; } .slide-5 .slider_txt1 { font-size: 24px !important; width: 245px; top: 285px !important; line-height: 22px !important; } .slide-5 .slider_ancher{ left: 175px !important; top: 355px !important; font-size: 12px !important; } .slide-5 .slider_txt1.i { font-size: 24px !important; width: 390px; top: 315px !important; line-height: 25px !important; padding: 5px !important; } .slide-5 .slider_ancher.i { left: 290px !important; top: 395px !important; font-size: 14px !important; } .bod .media .col-md-3{ max-width: 195px ; height: 200px; } .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .mob-active{ display: none; } .sidebar .p-menu a{ padding: 10px 25px; } .container{max-width: 1280px;} .news-slides a.ticker_a:before{ top: 7px; } .left{ float: left; } .right{ float: right; } .left-border-ii{ border-left:1px solid #524c4c; } .right-border-ii{ border-right:1px solid #524c4c; } .top_bar .right{ float: right; } .slick-responsive-header{ float: none;} .topbar_ul { max-width: 325px; width: 100%; float: left; } .topbar_ul li { float: left; } .brdcrmb li{ display:inline; } .sidebar-head h5{ font-size:20px; } .title { padding-bottom: 35px; } .title h2{ padding: 15px 12px; font-size: 20px; font-weight: 600; } .cs-list ul li{ font-size: 18px; } .accordion{ padding-top: 35px; } .accordion .card-body ul li{ font-size: 14px; } .accordion .btn-link{ font-size: 17px; } .accordion .card-body h3{ font-size: 16px; } .media-body.ml-3{ margin-left: 1rem !important; } .company-img{ padding-bottom: 40px; } .events_sec .about_box_content p.ep{ padding-top: 10px; margin-bottom: 28px; } .about_heading h1 { font-size: 41px; } .about_heading h1:after { content: ''; position: absolute; background: #323232; right: -157px; bottom: 10px; width: 140px; height: 2px; } .about_heading h1:before { content: ''; position: absolute; background: #323232; left: -157px; bottom: 10px; width: 140px; height: 2px; } .about_heading h2 { font-size: 20px; } .about_sec .about_box_sec .about_box h5 { font-size: 20px; padding-top: 8px; padding-bottom: 8px; } .company .media-body{ min-height: 950px; } .company .c-content h5{ font-size: 1.45rem; } .company .c-content h2{ font-size: 2.2rem; } .company .c-content h6{ font-size: 1.2rem; } .company .c-content p{ font-size: 16px; } .company .c-content h5:after{ /* left: 310px; */ } .company .c-content h5:after{ /* left: 155px; */ } .c-content .para{ top: 80px; } .right-slide button{ margin-top: 120px; } .events_sec .about_heading h1 { font-size: 18px; line-height: 35px; } .events_sec .about_heading h2 { font-size: 45px; line-height: 25px; } .events_sec .about_box_content p.ep{ height: 65px; } .gallery_sec { padding: 65px 0px 0px 0px; } .gallery_sec .about_heading h2{ font-size: 41px; line-height: 25px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h2{ font-size: 34px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h4{ font-size: 20px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover span { width: calc(100% - 50px); height: calc(100% - 50px); top: 25px; left: 25px; background: rgba(248,65,65,0.6); } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:before{ height: 35px; width: 35px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:after{ height: 35px; width: 35px; } footer .ftr_adr h4 { padding-left: 35px; } footer .ftr_adr ul li { padding-left: 0px; } footer .jamapunji img:first-child{ width: 100%; } footer .ftr_btm p { font-size: 12px; } } @media screen and (max-width: 1680px) { .slide-1 .slider_ancher{ top: 325px !important; } } @media screen and (max-width: 1440px) { .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .container{ max-width: 1140px; } .slick-responsive-header{ float: left; } .slide-1 .slider_txt1{ font-size: 24px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 85%; padding: 6px !important; font-size: 16px !important; top:380px; } .slide-1 .slider_ancher{ left: 115px !important; font-size: 12px !important; top: 280px !important; } .slide-5 .slider_txt1 { font-size: 24px !important; width: 245px; top: 195px !important; line-height: 22px !important; } .slide-5 .slider_txt1.i { font-size: 24px !important; width: 390px; top: 195px !important; line-height: 25px !important; padding: 5px !important; } .slide-5 .slider_ancher{ left: 175px !important; top: 275px !important; font-size: 12px !important; } .slide-5 .slider_ancher.i { left: 290px !important; top: 265px !important; font-size: 14px !important; } .bod .media .col-md-3{ max-width: 195px ; height: 200px; } .company .media-body{ min-height: 700px; } .company .c-content h5{ font-size: 1.25rem; } .company .c-content h2{ font-size: 2rem; } .company .c-content h6{ font-size: 1rem; } .company .c-content p{ font-size: 14px; } .mob-active{ display: none; } } @media screen and (max-width: 1366px) { .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .container{ max-width: 1140px; } .mob-active{ display: none; } } @media screen and (max-width: 1280px) { .slide-1 .slider_txt1{ font-size: 20px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 75%; padding: 5px !important; font-size: 13px !important; top:380px; } .slide-1 .slider_ancher{ left: 115px !important; font-size: 12px !important; top: 250px !important; } .slide-5 .slider_txt1 { font-size: 20px !important; width: 245px; line-height: 22px !important; } .slide-5 .slider_ancher{ left: 175px !important; top: 260px !important; font-size: 12px !important; } .slide-5 .slider_txt1.i { font-size: 20px !important; width: 325px; top: 180px !important; line-height: 22px !important; padding: 5px !important; } .slide-5 .slider_ancher.i { left: 250px !important; top: 245px !important; font-size: 12px !important; } } @media screen and (max-width: 1200px) { .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .desktop-active{ display: block; } .mob-active{ display: none; } .slick-responsive-header{ float: none; } } @media screen and (max-width: 1199px) { .top_bar .right { float: none; } .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .mob-active{ display: block; } .desktop-active{ display: none !important; } .menu_bar .logo{ width: 75%; } .fixed_side{ display: none; } .header{ width: 50px; float: right; position: relative; margin-top: 4%; } .sidebar .p-menu a:before{ left: 2%; } .right{ float: none; } .topbar_ul{ float: none; display: inline-block; } .d-inline-block{ display: block; } .search_box{ float: none; display: block; margin: 0 auto; margin-bottom: 17px; margin-top: 10px; } .top_bar{ height: auto; } .md-msg .media{ display: block !important; } .md-msg .media img{ float: left; display: block; margin-bottom: 10px; } .md-msg .media .media-body{ float: none; display: block; } .sd_sec .owlcarousel_sec .item { float: none; margin-right: 0; display: inline-block; } .owlcarousel_sec { text-align: center; } .p-ii { float: left; } .about_sec .about_box_sec .ab-col{ margin-top: 35px; margin-left: 0px; margin-right: auto; flex-basis: auto; } .company .media{ display: block; } .company .media .left-slide{ width: 100%; } .company .media .media-body{ width: 100%; min-height: auto; margin-left: auto; margin-right: auto; } .company .media .media-body .c-content{ padding: 25px; } .company .media span:after{ display: none; } } @media screen and (max-width: 1080px) { .slide-1 .slider_txt1{ font-size: 20px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 75%; padding: 5px !important; font-size: 11px !important; top:380px; } .slide-1 .slider_ancher{ left: 130px !important; font-size: 10px !important; top: 215px !important; } .slide-5 .slider_txt1 { font-size: 20px !important; width: 245px; line-height: 20px !important; top:160px !important; } .slide-5 .slider_ancher{ left: 170px !important; top: 225px !important; font-size: 12px !important; } .slide-5 .slider_txt1.i { font-size: 20px !important; width: 325px; top:160px !important; line-height: 20px !important; padding: 5px !important; } .slide-5 .slider_ancher.i { left: 250px !important; top: 225px !important; font-size: 12px !important; } .events_sec .about_box_content p.ep { height: auto; } } @media screen and (max-width: 800px) { .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } #forkongithub { position: absolute; display: block; top: 0; right: 0; width: 200px; overflow: hidden; height: 200px; } #forkongithub a { width: 200px; position: absolute; top: 60px; right: -60px; transform: rotate(45deg); -webkit-transform: rotate(45deg); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8); } } @media screen and (max-width: 786px) { .profile_img{ overflow: hidden; float: none; height: 230px; width: 195px; display: block !important; } .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .right{ float: none; } .left{ float: none; } .slide-1 .slider_txt1{ font-size: 16px !important; top: 380px; width: 100%; max-width: 185px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2{ left: 0px !important; max-width: 190px; width: 100%; background-size: 70%; padding: 5px !important; font-size: 11px !important; top:380px; } .slide-1 .slider_ancher{ left: 130px !important; font-size: 10px !important; top: 160px !important; } .slide-5 .slider_txt1 { line-height: 15px !important; top: 115px !important; font-size: 14px !important; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; width: 160px; } .slide-5 .slider_ancher { font-size: 10px !important; left: 100px !important; top: 165px !important; } .slide-5 .slider_txt1.i { font-size: 14px !important; width: 240px; top: 115px !important; line-height: 15px !important; padding: 5px !important; } .slide-5 .slider_ancher.i { left: 170px !important; top: 170px !important; font-size: 10px !important; } .bod .media .col-md-3{ max-width: 195px ; height: 200px; } .md-msg .media .media-body{ float: none; display: block; padding-top: 15px; } .bod .media .col-md-3{ float: none; } } @media screen and (max-width: 640px) { .slide-1 .slider_ancher{ top: 140px !important; } } @media screen and (max-width: 520px) { .slide-1 .slider_txt1 { font-size: 16px !important; top: 380px; width: 100%; max-width: 140px; left: 0px !important; padding: 8px !important; } .slide-1 .slider_txt2 { left: 0px !important; max-width: 145px; width: 100%; background-size: 70%; padding: 5px !important; font-size: 11px !important; top: 380px; } .slide-1 .slider_ancher { left: 85px !important; font-size: 10px !important; top: 120px !important; } /*.slide-2 .slider_ancher{left:245px; } .slide-3 .slider_ancher{ left:245px;}*/ /*.slide-4 .slider_ancher{ left:245px;}*/ .slide-5 .slider_txt1 { line-height: 13px !important; top: 70px !important; font-size: 12px !important; width: 140px; } .slide-5 .slider_ancher { top: 120px !important; left: 70px !important; font-size: 10px !important; } .slide-5 .slider_ancher.i { left: 140px !important; top: 115px !important; font-size: 10px !important; } .slide-5 .slider_txt1.i { font-size: 12px !important; width: 205px; top: 70px !important; line-height: 13px !important; padding: 3px !important; } .slide-1 .slider_ancher.vii{ left:300px; } .sidebar .sub-menu li a{ padding-left: 35px;} .sidebar .sub-menu2 li a { padding-left: 45px;} .sidebar .p-menu a{ padding: 10px 25px; } .slick-responsive-header{ float: left; } .topbar_ul { max-width: 320px; width: 100%; float: none; margin: 0 auto; } .topbar_ul li { display: inline-block; float: none; } .topbar_ul li.p-0{ display: none; } .li-dec li{ font-size: 12px; } .li-dec-ii li{ font-size: 12px; } .left-border-ii{ border-left:none; } .right-border-ii{ border-right:none; } .top_bar .right{ float: none; } .brdcrmb li{ display:inline-block; } .sidebar-head h5{ font-size:16px; } .title { padding-bottom: 25px; padding-top: 25px } .title h2{ font-size: 18px; } .cs-list ul li{ font-size: 16px; } .accordion{ padding-top: 20px; } .accordion button{ white-space: normal !important; } .accordion .card-body ul li{ font-size: 12px; } .accordion .btn-link{ font-size: 15px; } h5 { font-size: 0.95rem; } p { font-size: 12px; } .accordion .card-body h3{ font-size: 14px; line-height: 1.5em; } .media-body.ml-3{ margin-left: 0px !important; } .company-img{ padding-bottom: 35px; } .menu_bar .container-fluid{ padding-right: 0px; padding-left: 15px; } .container-fluid { width: 100%; padding-right: 45px; padding-left: 45px; margin-right: auto; margin-left: auto; } .ms-skin-black-2 .ms-bullets.ms-dir-h{ display: none; } .events_sec .about_box_content p.ep{ padding-top: 10px; margin-bottom: 20px; } .sd_sec .owlcarousel_sec .item { display: inline-grid; } .about_heading h1 { font-size: 28px; } .about_heading h1:after { bottom: 13px; width: 140px; height: 1px; } .about_heading h1:before { bottom: 13px; width: 140px; height: 1px; } .about_heading h2 { font-size: 14px; line-height: 5px; } .about_sec .about_box_sec .about_box h5 { font-size: 16px; padding-top: 5px; padding-bottom: 5px; } .company .media .media-body .c-content { padding: 45px; } .company .c-content h2 { font-size: 1.50rem; } .company .c-content p { font-size: 12px; } .c-content .para{ top: 75px; } .right-slide button{ margin-top: 90px; } .events_sec .about_heading h1 { font-size: 14px; line-height: 32px; } .events_sec .about_heading h2 { font-size: 30px; line-height: 16px; } .events_sec .about_box_content p.ep{ height: auto; } .gallery_sec { padding: 20px 0px 0px 0px; } .gallery_sec .about_heading h2{ font-size: 27px; line-height: 17px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h2{ font-size: 12px; line-height: 6px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover h4{ font-size: 8px; line-height: 0; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a:hover .gallery_hover span { width: calc(100% - 10px); height: calc(100% - 20px); top: 10px; left: 5px; background: rgba(248,65,65,0.6); } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:before{ height: 15px; width: 15px; } .gallery_sec .gallery_bg .gallery_desktop .carousel-item a .gallery_hover span:after{ height: 15px; width: 15px; } .md-msg .media img{ float: none;} footer .row{ margin-left: 0px; margin-right: 0px; } footer .ftr_adr h4 { padding-left: 0px; } footer .ftr_adr ul li { padding-left: 0px; } footer .jamapunji img:first-child{ width: 65%; } footer .ftr_btm p { font-size: 10px; } } @media screen and (max-width: 425px) { .slide-1 .slider_txt1 { width: 100%; max-width: 140px; } .slide-1 .slider_ancher{ top: 100px !important; } .slide-5 .slider_txt1 { line-height: 13px !important; top: 60px !important; font-size: 12px !important; width: 130px; } .slide-5 .slider_ancher { font-size: 10px !important; top: 105px !important; left: 70px !important; } .slide-5 .slider_txt1.i { font-size: 12px !important; width: 210px; top: 56px !important; line-height: 15px !important; padding: 3px !important; } .slide-5 .slider_ancher.i { left: 145px !important; top: 105px !important; font-size: 10px !important; } } @media screen and (max-width: 320px) { .news-slides marquee { vertical-align: text-bottom; font-size: 12px; } .slide-1 .slider_txt1 { font-size: 14px !important; top: 380px; width: 100%; max-width: 140px; left: 0px !important; padding: 7px !important; } .slide-1 .slider_txt2 { left: 0px !important; max-width: 145px; width: 100%; background-size: 70%; padding: 5px !important; font-size: 10px !important; top: 380px; } .slide-1 .slider_ancher { top: 85px !important; } .slide-5 .slider_txt1.i { font-size: 12px !important; width: 210px; top: 49px !important; line-height: 12px !important; padding: 3px !important; } .slide-5 .slider_ancher.i { left: 145px !important; top: 88px !important; font-size: 10px !important; } .slide-5 .slider_txt1 { line-height: 12px !important; top: 35px !important; font-size: 12px !important; width: 125px; } .slide-5 .slider_ancher { font-size: 10px !important; top: 80px !important; left: 65px !important; } } .brdcrmb{ padding: 0px; padding-bottom:25px; margin: 0px; } .brdcrmb li{ text-transform: uppercase; list-style:none; position:relative; padding-right:0px; padding-left:0px; margin-right:5px; margin-left:5px; } .brdcrmb li.active{ color: #313233; } .brdcrmb li a{ color: #ea0400; text-decoration:none } .brdcrmb li:first-child { margin-left: 0px; } .brdcrmb li:last-child { margin-right: 0px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .company .right-slide{ width: 71%; } .search_box form input[type='submit']{ background-position: center center; } .news-slides a.ticker_a:before{ top: 5px; } .md-msg .media ul{ display: inline-block; } .search_box form input[type="text"]{ padding-bottom: 5px; } } @supports (-ms-ime-align:auto) { /* IE Edge 16+ CSS */ .company .right-slide{ width: 100%; } .search_box form input[type="text"]{ padding-bottom: 5px; } } @-moz-document url-prefix() { .company .right-slide { width: 75%; height:900px; } .search_box form input[type="submit"]{ background-position: center; } .company .c-content { padding-right:80px; padding-top: 25px; padding-bottom: 25px; } } @media screen and (min-width: 1920px) { @-moz-document url-prefix() { .company .c-content { padding-right:180px; } } }