body{margin:0;padding:0;}
body.blur #wrapper{filter: blur(25px); -webkit-filter: blur(25px);}
body, table, input, textarea, select{font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #000;}
a {color: #000; text-decoration: underline;}
a:hover, a:focus{color:#df4244;text-decoration:none;outline:none;}
a, input, textarea, button{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;outline:none !important;}
strong {font-weight: 700; color: #000;}
strong.red {color: #df4244;}
strong.semibold {font-weight: 500;}
hr {border-color: #d5d4d4;}
.wrap {flex-wrap: wrap;}

.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.row.no-gutters{margin-right:0;margin-left:0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*="col-"]{padding-right:0;padding-left:0;}
textarea{resize:none;}
.container {width: 100%; max-width: 1770px !important;}
.container.lg {max-width: 1670px; padding: 0;}
.tbl {display: table; width: 100%;}
.tbl > .row {display: table-row;}
.tbl > .row > [class^='col-'], .tbl > .row > div {float: none; display: table-cell; vertical-align: middle;}

#wrapper {max-width: 1920px; margin: 0 auto; overflow: hidden;}

/* mobile-menu-icon */
#mobile-menu-icon {display:inline-block; vertical-align: middle; width:24px; height:17px; z-index: 9999; margin-left: 20px; position: relative;}
/*#mobile-menu-icon {display:none; position:absolute; right:15px; top: 3px; width:24px; height:17px; z-index: 9999;}*/
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 24px; height: 2px; background-color: #000; display: block; position: absolute; top: 7px; transition: all 0.3s;}
#mobile-menu-icon span:before {content: ''; top: -7px;}
#mobile-menu-icon span:after {content: ''; top: 7px;}
#mobile-menu-icon.active span {background-color: transparent;}
#mobile-menu-icon.active span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
#mobile-menu-icon.active span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

/* header */
header {transition: all .3s linear; background-color: #fff; position: fixed; left: 0; right: 0; top: 0; z-index: 100;  padding: 35px 0; min-height: 100px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
header.active {box-shadow: 0 0 5px rgba(0,0,0,0.2);}
header .container {position: relative;}
header #logo{display:block; position: relative; z-index: 10; transition: all .3s linear; }
header #logo a {display:inline-block; vertical-align: middle;}

#social-share{display: inline-block;}
#social-share .text{display: inline-block; line-height: 26px; font-size: 107%; vertical-align: middle;}
#social-share ul{margin: 0; padding: 0; list-style: none; display: inline-block;}
#social-share ul li{display: inline-block;}
#social-share ul li a{display: block; width: 23px; height: 23px; margin-left: 8px;}
#social-share ul li a i{ width: 23px; height: 23px;}
#social-share ul li a.fb .fb-icon{background-position: -130px -1px;}
#social-share ul li a.fb:hover .fb-icon{background-position: -130px -31px;}
#social-share ul li a.yt .yt-icon{background-position: -160px -1px; width: 24px;}
#social-share ul li a.yt:hover .yt-icon{background-position: -160px -31px;}
#social-share ul li a.ld .ld-icon{background-position: -192px -1px;}
#social-share ul li a.ld:hover .ld-icon{background-position: -192px -31px;}
#social-share ul li a.ig .ig-icon{background-position: -222px -1px; width: 24px;}
#social-share ul li a.ig:hover .ig-icon{background-position: -222px -31px;}
#social-share ul li a.tw .tw-icon{background-position: -253px -1px;}
#social-share ul li a.tw:hover .tw-icon{background-position: -253px -31px;}

#view-types{margin-left: 65px; display: inline-block; vertical-align: middle;}
#view-types a{display: inline-block; margin-left: 12px;}
#view-types a i{opacity: 0.7;}
#view-types a .two-grid{background-position: -2px -84px; width: 19px; height: 19px;}
#view-types a .three-grid{background-position: -26px -84px; width: 29px; height: 19px;}
#view-types a .four-grid{background-position: -59px -84px; width: 40px; height: 19px;}
#view-types a:hover i{opacity: 1;}

#view-types .grid-types a {float: left;}
#view-types .grid-types span {width: 7px; height: 10px; background: #ccc; margin: 1px; vertical-align: top; display: block;}
#view-types a:hover span {background: #000;}

#other-links{display: inline-block; margin-left: 50px;}
#other-links ul{margin: 0; padding: 0; list-style: none;}
#other-links ul li{display: inline-block;}
#other-links ul li a{font-size: 107%; text-transform: uppercase; color: #000; margin-left: 30px; display: inline-block; text-decoration: none;}

#search-icon {display: inline-block; margin-left: 80px; display: none;}
#search-icon .search {background-position: -2px -108px; width: 22px; height: 22px;}


#search-panel {display: none; position: absolute; right: 0; top: -20px; width: 300px; height: 65px; background-color: #f1f1f1; padding: 15px;}



/* main-menu */
#main-menu{float: right; margin-right: 95px; padding: 12px 0 0;}
#main-menu ul{margin:0;padding:0;list-style:none;float:none; border: none;}
#main-menu > ul > li {position:relative; float: left; padding: 0 25px;}
#main-menu > ul > li a:before{content: "|"; color: #dadada;  position: relative; left: -25px; top: 0;}
#main-menu > ul > li:first-child a:before{display: none;}
#main-menu > ul > li:first-child {padding-left: 0; border-left: none;}
#main-menu>ul>li>a{font-weight: 500; color:#000000; padding: 10px 0 52px;display:block; text-decoration:none;position:relative;}
#main-menu ul li.active>a, #main-menu>ul>li:hover>a{color:#df4244;}
#main-menu .nav>li>a:focus, #main-menu .nav>li>a:hover {background-color: transparent;}

#main-menu ul li ul {position: absolute; left: 0; top: 42px; background-color: #fff; box-shadow: 0 0 25px rgba(113,113,113,0.5); z-index: 999; opacity: 0; visibility: hidden; transition: all 0.4s; white-space: nowrap; padding: 15px 0;}
#main-menu ul li.submenu-one > ul > li {margin-left: 0; position: relative;}
#main-menu ul li.submenu-one > ul > li:last-child {margin-bottom: 0;}
#main-menu ul li ul li a {padding: 10px 15px; display: block; text-decoration: none;}
#main-menu ul li:hover > ul {opacity: 1; visibility: visible;}

#main-menu ul li ul li ul {left: 100%; top: 0;}


/* mega menu */
/*#mega-menu-wrap-primary #mega-menu-primary{float: right; padding:12px 0; margin-right: 95px; background-color: #fff; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{padding: 0 25px; border-left:1px solid #eeeeee; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child{border-left: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding: 10px 0; color: #2c2b2a; font-size: 16px; font-weight:500; height: auto; line-height: normal; border: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{color:#2c2b2a; background-color: #fff; font-weight: 500;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{display: none;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{color: #2c2b2a;  background-color: #fff; font-weight: 500;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{background-color: #fff;box-shadow: 0 0 25px rgba(113,113,113,0.5);}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{background: #fff;box-shadow: 0 0 25px rgba(113,113,113,0.5);}*/


#main-menu ul{position: inherit;}
#main-menu ul li.has-megamenu{position: inherit;}
#main-menu ul li.has-megamenu ul li a:before{display: none;}
#main-menu ul li.has-megamenu .icon{display: none;}
#main-menu ul li.has-megamenu a{position: inherit; white-space: normal;}
#main-menu ul li.has-megamenu ul li a{font-size: 95%;}
#main-menu ul li.has-megamenu>.sub-menu-wrap{ display: none; position:absolute; width: calc(100% - 15px); top:96px; left:0; right:0; z-index:9; padding: 0;  background-color:#fff;transition: all 0.2s ease-in-out; border-top:2px solid #df4244;  box-shadow: 0px 24px 33px 0px rgba(0, 0, 0, 0.2); }
#main-menu ul li.has-megamenu:hover>.sub-menu-wrap{display: block;}
#main-menu ul li.has-megamenu ul{position: relative; top: 0; opacity: 1; visibility: visible; box-shadow: none; padding: 0; margin: 0; white-space: normal; left: auto; right: auto; white-space: normal; transition: none;}
#main-menu ul li.has-megamenu ul.sub-menu:first-child{padding:40px 35px 20px;}
#main-menu ul li.has-megamenu ul:after{content: ""; display: block; clear: both;}
#main-menu ul li.has-megamenu ul li{width:25%; float: left;}
#main-menu ul li.has-megamenu ul li ul{left: 0; margin-bottom: 20px;}
#main-menu ul li.has-megamenu ul li ul li a{padding: 0;}
#main-menu ul li.has-megamenu ul li ul li{width:100%; float: none; position: relative; margin-bottom: 5px;}
#main-menu ul li.has-megamenu ul li.title-link>a{font-weight: 500; color:#e20013; padding:  10px 0;font-size: 120%;}
#main-menu ul li.has-megamenu ul li.title-link.text-black>a{color: #000; border-bottom: 1px solid #000; display: inline-block; margin-bottom: 10px; font-size: 100%;}
#main-menu ul li.has-megamenu ul li.title-link.lg{width: 75%;}
#main-menu ul li.has-megamenu ul li.title-link.lg ul:after{content: ""; display: block; clear: both;}
#main-menu ul li.has-megamenu ul li.title-link.lg ul li{width: 33.33%; float: left;}
#main-menu ul li.has-megamenu ul li.full{width: 100% !important; margin-bottom: 5px;}
#main-menu ul li.has-megamenu ul li.full a{padding: 0;}
#main-menu ul li.has-megamenu ul li.title-link.full a {padding: 10px 0;}
#main-menu ul li.has-megamenu ul li.title-link.full ul.sub-menu{margin-bottom: 0;}
#main-menu ul li.has-megamenu ul li.title-link.full ul.sub-menu li{margin-bottom: 5px;}
#main-menu ul li.has-megamenu ul li.title-link.full ul.sub-menu li a{padding: 0;}
#main-menu ul li.has-megamenu ul li.full ul li{width: 20%; float: left;}
.mt20{margin-top: 20px !important}


/* mobile-menu*/
#mobile-menu{display1:none;background-color:#fff;border-left:5px solid #000;position:fixed;width:250px;top:100px;height:100%;z-index:99;overflow-y:auto;right:-250px;}
#mobile-menu ul{margin:0;padding:0;list-style:none;float:none !important;}
#mobile-menu ul li{float:none;padding:0;margin:0;border:none;position:relative;border-bottom:1px solid #d6d6d6;}
#mobile-menu ul li a{padding:15px 20px;display:block;color:#000;font-size: 16px; font-weight:400;text-decoration:none;}
#mobile-menu ul li ul li a{color:#000;font-size:90%;text-decoration:none; text-align: left;}
#mobile-menu ul li ul li a span {display: block; font-size: 90%;}
#mobile-menu ul li.active ul li a{color:#e3371e;}
/*#mobile-menu ul li ul li a:hover{color:#e3371e;}*/
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color:#fff;border-bottom:none;background-color:#000;}
#mobile-menu ul li.changebg > a{background-color:#000;color:#fff;}
#mobile-menu ul li.submenu-two.changebg > a{background-color:#000;color:#fff;}
#mobile-menu ul li > a:focus{background-color:#000;color:#fff;}
#mobile-menu ul li:hover > a{border-bottom:none;}
#mobile-menu ul li a .submenu{position:absolute;width:42px;height:42px;right:0;top:1px;display:block;cursor:pointer;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{content:"";background-color:#e3371e;display:block;-moz-transition:transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
#mobile-menu ul li a .submenu:before{width:1px;height:15px;position:relative;left:20px;top:12px;}
#mobile-menu ul li a .submenu:after{width:15px;height:1px;position:relative;left:13px;top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before,#mobile-menu ul li a:focus .submenu{transform:rotate(-90deg); background-color: #fff;}
#mobile-menu ul li.changebg>a>.submenu:after{display:none;}
#mobile-menu ul li > ul{padding:0;border:none;}
#mobile-menu ul li.submenu-one:hover > ul{top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom:-1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{width:auto;display:none;opacity:1;position:relative;left:0;top:0;visibility:visible;transition:none;box-shadow:none;}
#mobile-menu ul li.changebg ul{display: block;}
#mobile-menu ul.mob-view{display:block;}
#mobile-menu ul.mob-view ul li a{padding:12px 30px;}
#mobile-menu ul li ul li a{padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{border-bottom:1px solid #d6d6d6;}

/* */
#mobile-menu ul li ul li.title-link>a{font-weight: 500; color: #e3371e; font-size: 100%;}
#mobile-menu ul li ul li.title-link.text-black>a{color:#000;}
#mobile-menu ul li ul.sub-menu li{border-bottom-color:#efefef;}
#mobile-menu ul li ul.sub-menu li:last-child{border-bottom: none;}
#mobile-menu ul li ul li ul li ul li a{padding: 12px 30px 12px 50px;}
#mobile-menu ul li ul li:hover ul{display: block;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a, #mobile-menu ul li a:hover{color: #fff;}


/* banner */
#banner {position:relative; height: calc(100vh - 100px); max-height: 735px; overflow:hidden; margin-top: 100px;}
#banner .slider {background-color: #f1f1f1;}
#banner .item {height: calc(100vh - 100px); max-height: 735px; position: relative; background-repeat: no-repeat; background-size: cover;}
#banner .item:before {content: ''; background-color1: rgba(0,0,0,0.55); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#banner .tbl {height: 100%;}
#banner .banner-img {background-position: center top; background-repeat: no-repeat; background-size: cover; position: absolute; width: calc(100% + 15px); height: 100%; left: 15px; top: 0;}
#banner .text {padding-left: 115px;}
#banner .text h2 {font-size: 55px; font-weight: 900; color: #e20013; line-height: normal; margin-bottom: 15px; opacity: 0;}
#banner .text h2 span {display: block; font-size: 18px; color: #2b2a29; margin-bottom: 20px;}
#banner .text p {line-height: 24px; max-width: 480px; color: #999; opacity: 0;}
#banner .btn-custom1 {margin-top: 30px;}
#banner .bx-wrapper .bx-controls-auto {display: none;}
#banner .bx-wrapper .bx-pager {right: 0; width: 50px; top: 50%; transform: translateY(-50%); bottom: auto; display: none;}
#banner .bx-wrapper .bx-pager .bx-pager-item {display: block; position: relative;}
#banner .bx-wrapper .bx-pager.bx-default-pager a {padding: 18px 0; position: relative; transition: all 0.4s; margin: 0; width: 50px; display: block;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:after {content: ''; width: 50px; height: 2px; position: absolute; right: 0; top: calc(50% - 1px); transition: all 0.4s; background-color: #e9e9e9;}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,#banner .bx-wrapper .bx-pager.bx-default-pager a.active{}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover:after,#banner .bx-wrapper .bx-pager.bx-default-pager a.active:after {background-color: #df4244;}
#banner .bx-wrapper .bx-pager a.active:after {color: #df4244; width: 70px;}
#banner .bx-controls-direction .disabled{display: none;}
#banner .bx-controls-direction > a {width: 40px; height: 40px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); margin-top: 0; background-color: #000; display: block; background-image: none; border-radius: 50%; z-index: 9;}
#banner .bx-controls-direction > a:before{ content: "";background-image: url(../images/sprite.png); background-repeat: no-repeat; width: 9px; height: 14px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#banner .bx-controls-direction > a.bx-prev:before{background-position: -94px -110px; transform: rotate(180deg);}
#banner .bx-controls-direction > a.bx-next:before{background-position: -94px -110px;}
#banner .bx-controls-direction > a.bx-next {left: auto; right: 15px;}
#banner .bx-controls-direction > a:hover, #banner .bx-controls-direction > a:focus {background-color: #000;}
#banner .slider .banner-info .title{opacity: 0; font-size: 485%; font-weight: 900; color: #fff; text-transform: uppercase; text-align: center; line-height: normal;}

#content{background-color: #212121;}

#tabs ul {float: right; margin: 0; padding: 0; list-style: none; display: none;}
#tabs ul li {float: left;}
#tabs ul li a {width: 403px; padding: 25px 0; display: block; background-color: #f1f1f1; text-align: center; text-decoration: none; font-size: 18px; font-weight: 500;}
#tabs ul li:nth-child(2n) a {background-color: #e9e9e9;}
#tabs ul li:nth-child(3n) a {background-color: #e4e2e2;}
#tabs ul li:hover > a {background-color: #2b2a29; color: #fff;}

/* Typography */
#home h2.title {font-size: 36px; font-weight: 900; line-height: normal; color: #e20013; margin:0 0 40px 0;}
#home h2.title span {font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; color: #df4244; display: block; margin-bottom: 15px;}
h3.title {font-size: 20px; font-weight: 700; line-height: normal; color: #df4244; margin: 20px 0 15px;}

/* products */
#products {}
#products .nav-tabs, #products .nav-tabs>li.active>a, #products .nav-tabs>li.active>a:focus, #products .nav-tabs>li.active>a:hover {border: none;}
#products .nav>li>a:focus, .nav>li>a:hover {border: none; background: none;}
#products .nav-tabs {}
#products .nav-tabs li {margin-bottom: 30px; position: relative;}
#products .nav-tabs li.active:after {content: ''; width: 0; height: 0; border-right: 25px solid #f1f1f1; border-top: 25px solid transparent; border-bottom: 25px solid transparent; position: absolute; right: -30px; top: 0;}
#products .nav-tabs>li.active>a, #products .nav-tabs>li.active>a:focus, #products .nav-tabs>li.active>a:hover {background-color: #fff;}
#products .nav-tabs li a {padding: 0 105px 0 90px; position: relative; text-decoration: none; color: #999999; border: none;}
#products .nav-tabs li a .icon {position: absolute; left: 0; top: 7px; filter: brightness(0); transition: all 0.2s;}
#products .nav-tabs li a span.title {display: block; font-size: 20px; font-weight: 700; color: #231f20; margin-bottom: 5px;}
#products .nav-tabs li:hover a .title, #products .nav-tabs li.active a .title {color: #e20013;}
#products .nav-tabs li:hover a .icon, #products .nav-tabs li.active a .icon {filter: inherit;}
#products .nav-tabs li .computing {background-position: -35px 0; width: 40px; height: 40px;}
#products .nav-tabs li .networks {background-position: -89px 0; width: 42px; height: 40px;}
#products .nav-tabs li .end-user {background-position: -150px 0; width: 40px; height: 47px;}
#products .nav-tabs li .security {background-position: -205px 0; width: 41px; height: 41px;}
#products .nav-tabs li .software-licensing {background-position: -260px 0; width: 41px; height: 30px;}
#products .nav-tabs li .it-infra {background-position: -316px 0; width: 43px; height: 45px;}
#products .tab-content-wrapper {position: relative; margin: -83px -115px -100px 0; height: calc(100% + 183px);}
#products .tab-content-wrapper:before {content: ''; background-color: #f1f1f1; position: absolute; left: 0; right: -15px; top: -75px; bottom: 0; z-index: -1;}
#products .tab-content {position: absolute; right: -135px; bottom: 125px; width: 826px; height: 616px; background: url('../images/laptop.png') center top / cover no-repeat;}
#products .tab-content .product-content {padding: 100px 0 0 200px; max-height: 500px;  background-repeat: no-repeat; background-position:90% center; min-height: 535px;  }
#products .tab-content .product-content ul {color: #ababab;}
#products .tab-content .product-content ul li {margin-bottom: 5px;}
#products .tab-content .product-content ul li a {color: #ababab; text-decoration: none; font-weight: 500;}
#products .tab-content .product-content ul li a:hover{color: #df4244;}


/* services */
#services .container {position: relative;}
#services .view-more {position: absolute; right: 15px; top: 0;}
#services .items {margin: 90px 0 0;}
#services .item {position: relative; display: block; height: 230px; border: 1px solid #e1e1e1; color: #2b2a29; font-size: 18px; font-weight: 700; padding: 15px; text-align: center; text-decoration: none; margin-bottom: 30px;}
#services .item .icon {display: block; height: 150px; position: relative;}
#services .item .icon i {position: absolute; left: 0; right: 0; bottom: 40px; margin: auto;}
#services .item:hover {background-color: #2b2a29; color: #fff;}
#services .item:hover .icon i {filter: brightness(100);}
#services .network-icn {background-position: -370px 0; width: 50px; height: 50px;}
#services .security-icn {background-position: -440px 0; width: 48px; height: 44px;}
#services .broadcasting-icn {background-position: 0 -60px; width: 48px; height: 48px;}
#services .remote-infra-icn {background-position: -70px -60px; width: 48px; height: 48px;}
#services .maintenance-icn {background-position: -138px -60px; width: 46px; height: 48px;}
#services .application-icn {background-position: -201px -60px; width: 46px; height: 44px;}
#services .facility-icn {background-position: -65px -125px; width: 49px; height: 49px;}
#services .data-icn {background-position: -267px -60px; width: 47px; height: 45px;}

/* testimonials */
#testimonials {background-color: #f1f1f1;}
#testimonials .container {position: relative;}
#testimonials .slider {padding-top: 130px; margin-top: -90px;}
#testimonials .owl-stage {padding-left: 0 !important; display: flex;}
#testimonials .item {border: 1px solid #d3d3d3; background-color: #fff; padding: 70px 120px; position: relative; color: #2b2a29; line-height: 25px; margin-bottom: 75px; height: calc(100% - 75px);}
#testimonials .item:before {content: ''; position: absolute; left: 30px; top: 30px; background: url('../images/sprite.png') -326px -60px; width: 62px; height: 51px; display: block;}
#testimonials .item .details {background-color: #2b2a29; position: absolute; left: 120px; bottom: 0; transform: translateY(100%); width: 375px; padding: 15px 20px; font-size: 15px; color: #999999;}
#testimonials .item .details span {display: block; font-size: 20px; font-weight: 700; color: #fff;}
#testimonials .item:after {content: ''; position: absolute; left: 0; right: 0; top: -30px; bottom: -100px; background-image: linear-gradient(to left, #f1f1f1 50%, transparent); opacity: 0.8; transition: all 0.4s;}
#testimonials .owl-item.active .item:after {opacity: 0;}

/* clientele */
#clientele .container {position: relative;}
#clientele .view-more {position: absolute; right: 15px; top: 0;}
#clientele .items {margin: 90px 0 0;}
#clientele .items .row {display: flex; flex-wrap: wrap;}
#clientele .item {display: block; border: 1px solid #e1e1e1; background-color: #f1f1f1; color: #2b2a29; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; height: calc(100% - 30px); margin-bottom: 30px;}
#clientele .item .logo-wrapper {width: 100%; height: 125px; position: relative; background-color: #fff; display: block;}
#clientele .item .logo-wrapper img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%;}
#clientele .item .text {width: 100%; display: block; padding: 15px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#clientele .item:hover {box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.1);}

/* footer */
footer #top {background-color: #2b2a29; padding: 35px 0;}
footer #top h2.title {font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 10px;}
footer #top p {font-size: 15px; color: #999999; line-height: 22px;}
footer #top p.address {margin-bottom: 25px;}
footer #top p.cont-info {position: relative; margin-bottom: 10px;}
footer #top p.cont-info .icon {display: inline-block; vertical-align: middle; position: relative; width: 42px; height: 42px; border-radius: 50%; background-color: #323130; margin-right: 10px;}
footer #top p.cont-info .icon i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
footer #top p.cont-info a {color: #999999; text-decoration: none;}
footer #top p.cont-info a:hover {color: #fff;}
footer #top .block {color: #999999;}
footer .mobile {background-position: -435px -60px; width: 11px; height: 19px;}
footer .mail {background-position: -457px -60px; width: 18px; height: 13px;}
footer .call {background-position: -480px -59px; width: 17px; height: 18px;}

footer .offices {padding-bottom: 50px; border-bottom: 1px solid #41403f; display: none;}
footer .bottom-links {padding-top: 0;}
#home footer .bottom-links{padding-top: 35px;}
footer .bottom-links .btm-logo {position: absolute; left: 15px; top: -20px;}
footer .bottom-links .bottom-nav {margin: 0; padding: 0; list-style: none; margin-left: 270px;}
footer .bottom-links .bottom-nav li {float: left; color: #999999; padding: 10px 25px; border-left: 1px solid #363636;}
footer .bottom-links .bottom-nav li:first-child {padding-left: 0; border-left: none;}
footer .bottom-links .bottom-nav li a {color: #999999; display: block; text-decoration: none;}
footer .bottom-links .bottom-nav li a:hover {color: #fff;}

footer #bottom{padding: 30px 0; color: #999; font-weight: 300;}
footer #bottom .copyright span.compname{font-weight: 500; color: #2b2a29;}
footer #bottom .copyright em {font-style: normal;}
footer #bottom a{color: #000; text-decoration: none; font-weight: 500;}
footer #bottom a:hover{color: #b1b1b1; text-decoration: underline;}
footer #bottom .other-links {text-align: right;}

#home footer #top {padding: 100px 0 35px;}
#home .offices {display: block;}
#home .btm-logo {display: none;}
#home .bottom-nav {margin: 0;}

/*btn-custom1 */
.btn-custom1 {position: relative; border: none; border-radius: 25px; font-size: 16px; color: #fff; text-decoration: none; padding: 15px 40px; overflow: hidden; background-color: #2b2a29;}
.btn-custom1:before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #e20013; transition: all 0.4s;}
.btn-custom1:focus:before, .btn-custom1:hover:before {width: 100%;}
.btn-custom1:focus span, .btn-custom1:hover span {color: #fff; position: relative; z-index: 1;}

.btn-custom1.reverse {background-color: #fff; color: #df4244;}
.btn-custom1.reverse:after {filter: inherit;}
.btn-custom1.reverse:hover:before {background-color: #df4244;}
.btn-custom1.reverse:focus span, .btn-custom1.reverse:hover span {color: #fff;}
.btn-custom1.reverse:hover:after, .btn-custom1.reverse:focus:after {filter: brightness(100);}

.padding{padding: 75px 0;}

.sprite{background-image:url('../images/sprite.png');background-repeat:no-repeat;display:inline-block;vertical-align:middle;}

/* totop */
#totop{bottom: -77px;cursor:pointer;display:block; background-color: #000; width: 50px; height: 50px; line-height: 50px; position:fixed; right:30px;z-index:9;text-align:center;}
#totop .angle-up {background-position: -30px -113px; width: 23px; height: 11px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

.owl-nav.disabled .owl-next, .owl-nav.disabled .owl-prev {display: none !important;}
.owl-dots, .owl-nav {text-align:center; -webkit-tap-highlight-color:transparent;}
.owl-nav {margin-top:10px;}
.owl-nav [class*=owl-] {color:#FFF; font-size:14px; margin:5px; padding:4px 7px; background:#D6D6D6; display:inline-block; cursor:pointer; border-radius:3px;}
.owl-nav [class*=owl-]:hover {background:#869791; color:#FFF; text-decoration:none;}
.owl-nav .disabled {opacity:.5; cursor:default;}
.owl-nav.disabled+.owl-dots {margin-top:10px;}
.owl-dots .owl-dot {display:inline-block; zoom:1; cursor: pointer;}
.owl-dots .owl-dot span {width:10px; height:10px; margin:5px; background:#D6D6D6; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease; border-radius:30px;}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background:#869791;}

.style1 .owl-nav .owl-prev, .style1 .owl-nav .owl-next {width: 65px; height: 50px; margin: 0; background-color: #e7e7e7; transition: all 0.4s; position: absolute; right: 65px; top: 0; border-radius: 20px 0 0 20px;}
.style1 .owl-nav .owl-next {border-radius: 0 20px 20px 0; right: 0;}
.style1 .owl-nav .owl-prev:before, .style1 .owl-nav .owl-next:before {content: ''; background: url('../images/sprite.png') no-repeat -404px -67px; width: 19px; height: 9px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.style1 .owl-nav .owl-next:before {transform: rotate(-180deg);}
.style1 .owl-nav .owl-prev:hover, .style1 .owl-nav .owl-next:hover {background-color: #2b2a29;}
.style1 .owl-nav .owl-prev:hover:before, .style1 .owl-nav .owl-next:hover:before {filter: brightness(100);}

ul.ListStyle1 {}
ul.ListStyle1 li {position: relative; margin-bottom: 12px;}
ul.ListStyle1.italic li {font-style: italic;}

/* Custom form */
.form {margin-top: 40px;}
.form-group{margin-bottom: 30px;}
.form .form-group.has-captcha {position: relative;}
.form .form-group .input-group {width: 100%;}
.form .form-group .form-control {height:50px; color: #999999; border-radius:0px; box-shadow: none; font-size: 16px; border-color: #e1e1e1;}
.form .form-group textarea.form-control{height:130px;}
.form .form-group .form-control:focus {color: #999999;}
.form .input-group-addon {padding: 0; position: absolute; right: 1px; bottom: 1px; width: auto; border: none; z-index: 2;}
.form .refresh {cursor: pointer; width:50px; line-height: 48px; height: 48px; display: inline-block; vertical-align: top; position: relative; margin-left: -4px; background-color: #f6f6f6;}
.form .refresh-icon {background-position: -454px -88px; width: 14px; height: 18px;}
.form .browse {position: relative; cursor: pointer; width:100%; cursor:pointer; margin:0 auto;}
.form .browse .hide-field {opacity: 0; filter: alpha(opacity=0); position: absolute !important; z-index: 2; width: 100%; height: 50px;}
.form .browse .show {left: 0; position: relative; top: 0; z-index: 1;}
.form .browse .show input[type="text"] {margin-bottom: 0 !important; width: 100%;}
.form .browse .action {position: absolute;right: 0;top: 0;background-color: #121314;color: #fff;padding: 0 30px;height: 50px;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;line-height: 50px;}
.form .btn-custom1 {display: block; width: 100%; border-radius: 0; background-color: #df4244; border: 1px solid #b4191b;}
.form .btn-custom1:hover{color: #fff; background-color: #b4191b;}
.form .btn-custom1:before {background-color: #2b2a29;}
.form .btn-custom1 span:after {content: ''; background: url('../images/sprite.png') -421px -89px no-repeat; width: 21px; height: 19px; display: inline-block; vertical-align: middle; margin-left: 15px;}

.form .form-control::-webkit-input-placeholder {color: #999999;}
.form .form-control:-moz-placeholder {color: #999999;}
.form .form-control::-moz-placeholder {color: #999999;}
.form .form-control:-ms-input-placeholder {color: #999999;}

/* Inner Pages */
#main-container {position:relative; margin-top: 125px;}
#main-container h2.title {font-size: 30px; font-weight: 900; line-height: normal; color: #e20013; margin:0 0 20px 0; text-transform: uppercase;}
#main-container h3.title {font-size: 18px; font-weight: 700; line-height: normal; color: #2b2a29; margin:0 0 10px 0;}
#page-title-banner {background-color: #f1f1f1; height: 300px;}
#page-title-banner .page-title {padding-left: 100px;}
#page-title-banner .page-title h1 {font-size: 42px; font-weight: 900; color: #df4244; margin: 0; text-transform: uppercase;}
#page-title-banner .breadcrumb {background: none; margin: 15px 0 0 0; padding: 0;}
#page-title-banner .breadcrumb li a {color: #999999; text-decoration: none;}
#page-title-banner .breadcrumb li:hover a {color: #df4244;}
#page-title-banner .breadcrumb>.active {color: #2b2a29;}
#page-title-banner .banner-img {position: relative; height: 100%; margin: 0 -15px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#page-title-banner .banner-img:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(43,42,41,0.5);}

#main-container p.tagline {font-size: 18px !important; margin-bottom: 0;}

#main-container .content p {font-size: 17px; line-height: 26px; margin-bottom: 20px;}
#aboutus .company-profile {margin-bottom: 50px;}
#aboutus .company-vision {background-color: #f1f1f1; height: 100%;}
#aboutus .company-vision .block {padding: 50px 120px;}
#aboutus .company-vision .block .vision {background-position: 0 -130px; width: 50px; height: 42px; display: block; margin-bottom: 20px;}
#aboutus .company-vision .img-bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url('../images/vision-pic.jpg') center top / cover no-repeat;}
#aboutus .company-vision .img-bg:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(43,42,41,0.25);}

#aboutus .infrastructure {min-height: 300px;}
#aboutus .infrastructure .block {padding: 50px 100px;}
#aboutus .infrastructure .img-bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('../images/infrastructure-pic.jpg') center top / cover no-repeat;}
#aboutus .infrastructure .img-bg:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-image: linear-gradient(#2b2a29, transparent);}
#aboutus .infrastructure .img-bg .text {position: relative; max-width: 530px; margin: 75px 0 0 75px; font-size: 18px; font-weight: 700; color: #fff;}

#aboutus .our-team {background-color: #f1f1f1;}
#aboutus .partners .items {margin: 50px 0 0;}
#aboutus .partners .items .row {display: flex; flex-wrap: wrap;}
#aboutus .partners .item {display: block; border: 1px solid #e1e1e1; background-color: #f1f1f1; color: #2b2a29; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; height: calc(100% - 30px); margin-bottom: 30px;}
#aboutus .partners .item .logo-wrapper {width: 100%; height: 125px; position: relative; background-color: #fff; display: block;}
#aboutus .partners .item .logo-wrapper img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 80%; max-height: 80%;}
#aboutus .partners .item .text {width: 100%; display: block; padding: 15px; font-size: 14px; overflow1: hidden; text-overflow1: ellipsis; white-space1: nowrap;}
#aboutus .partners .item:hover {box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.1);}

#contact {margin-bottom: -75px;}
#contact .regd-office {margin-bottom: 50px;}
#contact .contact .map {height: 350px; border: 10px solid #f1f1f1;}
#contact .contact p.cont-info {position: relative; margin-bottom: 10px;}
#contact .contact p.cont-info .icon {display: inline-block; vertical-align: middle; position: relative; width: 42px; height: 42px; border-radius: 50%; background-color: #e9e9e9; margin-right: 10px;}
#contact .contact p.cont-info .icon i {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; filter: brightness(0);}
#contact .contact p.cont-info a {color: #999999; text-decoration: none;}
#contact .contact p.cont-info a:hover {color: #e20013;}
#contact .contact .mobile {background-position: -435px -60px; width: 11px; height: 19px;}
#contact .contact .mail {background-position: -457px -60px; width: 18px; height: 13px;}
#contact .contact .call {background-position: -480px -59px; width: 17px; height: 18px;}

#contact .branches {background-color: #2b2a29;}
#contact .branches .block {text-align: center; color: #999999;}
#contact .branches .block h2.title {font-size: 20px; font-weight: 700; color: #fff; text-transform: none;}
#contact .branches .block p.cont-info .icon {background-color: #323130;}
#contact .branches .block p.cont-info .icon i {filter: brightness(100);}
#contact .branches .block p.cont-info a:hover {color: #fff;}

#contact .need-support {background-color: #f1f1f1; overflow: hidden;}
#contact .need-support .container {position: relative;}
#contact .need-support .container:before {content: ''; background: url('../images/telephone-icon.png') center top no-repeat; width: 283px; height: 331px; position: absolute; left: 15px; top: -85px;}

#contact .branches .row [class^='col-']:first-child {display: none;}


#testimonials-inner .item {border: 1px solid #d3d3d3; padding: 70px 120px; position: relative; color: #2b2a29; line-height: 25px; margin-bottom: 105px;}
#testimonials-inner .item:before {content: ''; position: absolute; left: 30px; top: 75px; background: url('../images/sprite.png') -326px -60px; width: 62px; height: 51px; display: block;}
#testimonials-inner .item .details {background-color: #2b2a29; position: absolute; left: 120px; bottom: 0; transform: translateY(100%); width: 375px; padding: 15px 20px; font-size: 15px; color: #999999;}
#testimonials-inner .item .details span {display: block; font-size: 20px; font-weight: 700; color: #fff;}

.pagination.custom {margin: 30px 0 0; border-radius: 0; font-size: 15px; font-weight: 700;}
.pagination.custom>.active>a, .pagination.custom>.active>a:focus, .pagination.custom>.active>a:hover, .pagination.custom>.active>span, .pagination.custom>.active>span:focus, .pagination.custom>.active>span:hover {background-color: #df4244; border-color: #df4244; color: #fff;}
.pagination.custom>li>a, .pagination.custom>li>span {border: none; background-color: #f1f1f1; width: 36px; height: 36px; line-height: 36px; padding: 0; color: #aaa; margin: 0 2px;}
.pagination.custom>li>a:focus, .pagination.custom>li>a:hover, .pagination.custom>li>span:focus, .pagination.custom>li>span:hover {color: #999999;}
.pagination.custom>li.first a, .pagination.custom>li.last a {background-color: transparent; width: auto;}
.pagination.custom>li.first a {margin-right: 15px;}
.pagination.custom>li.last a {margin-left: 15px;}
.pagination.custom>li.first a:hover, .pagination.custom>li.last a:hover {color: #df4244;}

.pagination.custom .prev-arrow {background-position: -476px -87px; width: 19px; height: 9px;}
.pagination.custom .next-arrow {background-position: -476px -87px; width: 19px; height: 9px; transform: rotate(-180deg);}
.pagination.custom li a:hover .prev-arrow {background-position: -476px -100px; width: 19px; height: 9px;}
.pagination.custom li a:hover .next-arrow {background-position: -476px -100px; width: 19px; height: 9px; transform: rotate(-180deg);}

#product-detail .img-container {margin-bottom: 20px;}
#product-detail .block {border-bottom: 2px solid #df4244; margin-bottom: 25px; height: calc(100% - 25px);}
#product-detail .block img {margin-bottom: 10px;}

#sidebar {margin-left: 60px;}
#sidebar h2.title {margin-left: 30px;}
#sidebar .side-menu {background-color: #f1f1f1; padding: 15px 30px; margin-top: 56px;}
#sidebar .side-menu > ul {margin: 0; padding: 0; list-style: none;}
#sidebar .side-menu > ul > li > ul {display: none; list-style: outside; margin: 7px 70px 7px 0;}
#sidebar .side-menu > ul li {border-top: 1px solid #dddddd;}
#sidebar .side-menu > ul li:first-child {border-top: none;}
#sidebar .side-menu > ul > li.changebg > a {border-bottom: 1px solid #dddddd;}
#sidebar .side-menu > ul > li > a {font-size: 19px; font-weight: 700; padding: 16px 0; display: block; text-decoration: none; color: #231f20;}
#sidebar .side-menu > ul > li:hover > a {color: #e20013;}
#sidebar .side-menu > ul > li > ul > li > a {font-size: 16px; font-weight: 500; color: #666666; text-decoration: none; padding: 10px 0; display: block;}
#sidebar .side-menu > ul > li > ul > li.active > a, #sidebar .side-menu > ul > li > ul > li:hover > a {color: #e20013;}
#sidebar .side-menu > ul > li > ul > li > ul{padding:0 0 0 20px; list-style: none;}
#sidebar .side-menu > ul > li > ul > li > ul > li > a{text-decoration: none; padding: 5px 0; display: block; color: #666666;}
#sidebar .side-menu > ul > li > ul > li > ul > li > a:hover{color: #e20013;}
#sidebar .side-menu > ul li ul li ul li{border-top: none;}


#testimonials-inner .pagination {width: 100%; border-top: 0;}
#testimonials-inner .pagination .page-numbers {display: inline-block; vertical-align: top; margin: 0 4px; padding: 6px 12px; line-height: 1.42857143; font-size: 14px !important; font-weight: 400; box-shadow: none;}
#testimonials-inner .pagination a.page-numbers {background-color: #cccccc; border-radius: 0; border: none; color: #000; text-decoration: none;}
#testimonials-inner .pagination .page-numbers:hover, #testimonials-inner .pagination .page-numbers:focus {box-shadow: none !important; text-decoration: none;}
#testimonials-inner .pagination .page-numbers.current {background-color: #c50000; color: #fff;}
#testimonials-inner .pagination .next.page-numbers, #testimonials-inner .pagination .prev.page-numbers {float: none;}

#product-detail.content .img-wrapper{margin: 20px auto;text-align: center;}

ul.ListStyle1{margin:0 0 30px;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{padding: 8px 10px; background-color: #fff;}
form div.wpcf7-validation-errors,div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border: 1px solid #FF5722;padding: 10px 15px;font-size: 80%;margin: 0 0 20px 0;color: #9c1f1f;background-color: #FBE9E7;}
form .wpcf7-not-valid { border: 1px solid #ea4646;}
span.wpcf7-not-valid-tip { color: #f00; font-size: 80%; font-weight: normal; display: block;}
div.wpcf7-mail-sent-ok{ background-color: #d2ffbf;}

#main-container .error-page h3.title{line-height: normal;font-size:20px;}
.error-page{padding-top: 150px;}
.error-page .title {font-size: 250px;font-weight: 700;color: #333;position: relative;}
.error-page .title .face{position: absolute; width:50px; height:35px; margin: 0 auto; left: 0; right: 0; top: 50%; overflow: hidden;}
.error-page .title .dot1{ position: relative; width: 10px; height: 10px; border: 2px solid #df4244; border-radius: 50%; display: inline-block; vertical-align: top;  left: -5px; background-color: #df4244;}
.error-page .title .dot2{ position: relative; width: 10px; height: 10px; border: 2px solid #df4244; border-radius: 50%; display: inline-block; vertical-align: top;  right: -5px; background-color: #df4244;}
.error-page .title .sad{position: relative; width:50px; height:50px; border: 2px solid #df4244; border-radius: 50%; display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 25px;}


#main-container #search-detail h2 { margin-bottom: 50px; }
#search-detail .item a { text-decoration: none; }
#search-detail .item a span.link { display: block; font-size: 12px; color: #006621; }
#search-detail .item a span { color: #1a0dab; font-weight: 500; }
#search-detail .item a:hover span.title { text-decoration: underline; }


/*btn-cust */
.btn-cust{font-size: 100%; color: #000; background-color: #fff; border-radius: 25px; min-width: 190px; padding: 12px 40px; text-decoration: none; text-align: left; position: relative;}
.btn-cust:hover,.btn-cust:focus{color: #fff; background-color: #000; box-shadow: none; transform: translateY(-3px) scale(1.01); box-shadow: 0 0.8rem 3rem rgba(0,0,0,.175);}
.btn-cust .arrow{width: 25px;height: 13px; position: absolute; right: 45px; top: 17px; }
.btn-cust *{transition: width .3s linear; }

/* 404 page */
.page-404 .container { display: table; height: calc(100vh - 100px);}
.page-404 .container .row { display: table-row; }
.page-404 .container .row [class^='col'] { display: table-cell; vertical-align: middle; }
.error-page h3{font-weight: 600; color: #fff;}
.error-page h3,.error-page h4{padding: 0}
.error-page .title{font-size:1500%;  font-weight: 700; color: #fff;position: relative;}
.error-page .title .face{position: absolute; width:50px; height:35px; margin: 0 auto; left: 0; right: 0; top: 50%; overflow: hidden;}
.error-page .title .dot1{ position: relative; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; display: inline-block; vertical-align: top;  left: -5px; background-color: #000;}
.error-page .title .dot2{ position: relative; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; display: inline-block; vertical-align: top;  right: -5px; background-color: #000;}
.error-page .title .sad{position: relative; width:50px; height:50px; border: 2px solid #fff; border-radius: 50%; display: inline-block; vertical-align: top; position: absolute; left: 0; right: 0; top: 25px;}

.page-coming-soon .title { font-size: 1000%; }
.page-coming-soon h3 { margin-bottom: 30px; }

/* Inner */
#content.page {margin-top: 100px;}
#content.page .literature {margin-top: 25px;}
#content.page .literature .item {background-color: #fff; padding: 25px 10px; box-shadow: 0 10px 10px 5px rgba(0,0,0,0.8); margin-bottom: 30px;}
#content.page .literature .item img {border: 1px solid #ccc;}
#content.page .literature .item h3 {margin-top: 0; font-size: 22px;}
#content.page .literature .item h3 span {display: block; font-size: 18px; margin-top: 5px; color: #666;}
#content.page .literature .item .btn-custom1 {margin-top: 25px;}

#content.page .content-wrapper {background-color: #fff; padding: 50px; margin: 25px 0;}
#content.page .content-wrapper h1 {text-transform: uppercase; margin: 0 0 25px;}
#content.page .content-wrapper h2 {margin-top: 25px;}
#content.page .content-wrapper p {font-size: 16px; line-height: 26px; margin-bottom: 18px;}
#content.page .content-wrapper .main-pic {margin-bottom: 25px; border: 1px solid #ddd; width: 100%;}


/* 07-11-2020 for lalit kagathara */
.extra-info {text-align: left; text-transform: capitalize;}
.extra-info .name {margin: 20px 0;}
.extra-info .sort-info { font-size: 45%; }
.extra-info .button-set { margin-top: 35px; }
.sprite1 {background: url(../images/arrows.png) no-repeat 0 0; display: inline-block; vertical-align: middle; }
.extra-info .button-set a {font-size: 25%; color: #26509c; border-radius: 0; min-width: 150px; margin-right: 15px; font-weight: 700;}
.extra-info .button-set a .sprite1{position: relative; top: -2px; background-position: -1px -1px; width: 17px; height: 8px; margin-left: 12px;}
.extra-info .button-set a:hover {color: #fff;}
.extra-info .button-set a:hover .sprite { background-position: -1px -20px;}


#inner-banner {width: 1920px; left: 50%; transform: translateX(-50%); position: relative;}
#content.page .content-wrapper.lk {width: 1920px; left: 50%; transform: translateX(-50%); position: relative; top: -25px; margin-bottom: -25px; padding: 100px 0;}

.content-wrapper.lk .container {max-width: 1440px !important; min-height: auto !important;}

.content-wrapper.lk .about-title span{color: #fff; font-size: 210%; font-weight: 700; display: inline-block; background-color: #26509c; padding: 5px 10px; margin-bottom: 5px; line-height: normal;}
.content-wrapper.lk .about-content h5 {color: #26509c; font-size: 140%; font-weight: 700; line-height: normal; margin:0 0 30px;}
.content-wrapper.lk .about-content a {font-size: 114%; font-weight: 700; color: #26509c; text-decoration: none;}
.content-wrapper.lk .about-content a .icon {margin-right: 10px;}
.content-wrapper.lk .about-content a .icon {margin-right: 10px;}
.content-wrapper.lk .about-content a .icon .play-icon {background-position: -3px -35px; width: 40px; height: 40px;}
.content-wrapper.lk .about-content a:hover {color: #000;}

h2.title {color: #26509c; font-size: 250%; font-weight: 700; margin: 0 0 80px !important;}
h2.title span{color: #000; font-size: 45%; display: block; margin-bottom: 15px;}

.btn-cust-style02 {background-color: #26509c; border-radius: 0; font-weight: 700; color: #fff; font-size: 114%; padding: 12px 25px;}
.btn-cust-style02 .arrow{position: relative; margin-left: 5px; background-position: -1px -20px; width: 17px; height: 8px; top:0; right: 0;}


.constituency-block {background-color: #f4f6fa !important;}
.constituency-block .item {padding: 40px 30px 0; background-color: #fff; transition: all .3s linear;}
.constituency-block .item .title {font-size: 150%; font-weight: 700; margin-bottom: 15px;}
.constituency-block .item:hover {box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);}
.constituency-block .item:hover .title {color: #26509c;}
.constituency-block .item .read-more {padding: 20px 0; display: block; border-top: 1px solid #e5e5e5; color: #343536; font-weight: 600; text-decoration: none;}
.constituency-block .item .read-more .arrow {background-position: -27px -16px; width: 11px; height: 8px; margin-left: 5px;}
.constituency-block .item .read-more:hover {color: #26509c;}
.constituency-block .item .read-more:hover .arrow {background-position: -27px -2px;}

.speech-block .item .pic {position: relative;}
.speech-block .item .pic .play-icon{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-position: -5px -79px; width: 38px; height: 29px;}
.speech-block .item .date {color: #26509c; font-size: 107%; font-weight: 700;}
.speech-block .item .sort-info {font-size: 128%; font-weight: 700;}

.special-pic img{display: block; margin: 0 auto;}

.padding0{padding: 0 !important;}
.bg-gray{background-color: #f0f0f0 !important;}

.custom-html-widget{display: inline-block; vertical-align: middle;  margin-left: 20px;}
a.call-action{position: relative; white-space: nowrap; overflow: hidden; display: block; width: 32px; height: 30px; background-color: #fff; color: #000; border-radius: 30px; transition: all 0.5s linear; border: 1px solid #d7d7d7; padding: 0; text-decoration: none;}
a.call-action .icon{display: inline-block; vertical-align: middle; width: 30px; line-height: 30px; height: 30px; overflow: hidden; position: absolute; right: 0; z-index: 9; background-color: #fff;}
a.call-action .icon i{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; background-image: url(../images/phone.png); background-repeat: no-repeat; width: 20px; height: 20px;  transform: scale(0.85);}
a.call-action .text{padding: 0 40px 0 20px; vertical-align: middle; line-height: 30px;}
a.call-action:hover{width:170px;}