@font-face {
    font-family: 'Square721BT-Roman';
    src: url('../fonts/Square721BT-Roman.eot') format('embedded-opentype'),
        url('../fonts/Square721BT-Roman.woff') format('woff'),
        url('../fonts/Square721BT-Roman.ttf')  format('truetype'),
        url('../fonts/Square721BT-Roman.svg#Square721BT-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Square721BT-Bold';
    src: url('../fonts/Square721BT-Bold.eot') format('embedded-opentype'),
        url('../fonts/Square721BT-Bold.woff') format('woff'),
        url('../fonts/Square721BT-Bold.ttf')  format('truetype'),
        url('../fonts/Square721BT-Bold.svg#Square721BT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{margin:0;padding:0;}
body, table, input, textarea, select{ font-family: 'Square721BT-Roman', sans-serif; font-size:16px;font-weight:400;color:#999999;}
a{color:#279bfc;text-decoration:underline;}
a:hover, a:focus{color:#279bfc;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;}
.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;}
hr{border-top:1px solid #596272;margin:50px 0;}
textarea{resize:none;}

.clearfix:after {content: " "; display: block; clear: both;}



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

.top50{margin-top: 50px;}

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

/* header */
#top-strip {background-color: #ebeff6;}
#top-strip ul{margin: 0 0 0 30px; padding: 0; list-style: none; display: inline-block; vertical-align: middle;}
#top-strip ul li{display: inline-block;}
#top-strip ul li a{line-height: 55px; display: block; text-decoration: none; color: #c2c4c7;}
#top-strip ul li a:hover {color: #049edc;}
#top-strip ul.top-links li{ margin-right: 20px;}
#top-strip ul.social-links li a {width: 40px; text-align: center;}
#top-strip ul.social-links li a:hover .fa-facebook{color: #1877f2;}
#top-strip ul.social-links li a:hover .fa-linkedin{color: #0077b7;}
#top-strip ul.social-links li a:hover .fa-twitter{color: #00a2f5;}
#top-strip ul.social-links li a:hover .fa-youtube-play{color: #ff0000;}

#middle-strip {padding: 25px 0;}

#header{ box-shadow: none; left: 0; right: 0; top: 0; margin: 0 auto; z-index: 99; position: fixed; background-color: rgba(255,255,255,1);}
#header #logo{display:block;}
#header #logo a{display:block;}
#header .container{position: relative;}
.text-blue{color: #0d4e96; font-family: 'Roboto', sans-serif; }
#header.fixed{background-color: rgba(255,255,255,1); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); padding: 25px 0;}



#main-menu ul{margin:0;padding:0;list-style:none;float:right;}
#main-menu ul li{position:relative; margin: 0 12px;}
#main-menu ul li:last-child{margin-right: 0px;}
#main-menu ul li#t-home i.home{background-position: -169px -142px; width: 20px; height: 16px; position: relative; top: -5px;}
#main-menu ul li#t-home a:hover > i.home{background-position: -197px -142px}
#main-menu ul li#t-enquiry{padding: 15px 0;}
#main-menu ul li#t-enquiry .btn-inquiry {font-size: 100%; z-index: 99; color: #fff; border-radius: 5px; padding: 10px 12px; height: auto; line-height: normal; box-shadow: none; background-color: #3a60a7; box-shadow: 0px 7px 14.72px 1.28px rgba(0, 0, 0, 0.22);}
#main-menu ul li#t-enquiry .btn-inquiry:hover,#main-menu ul li#t-enquiry .btn-inquiry:focus {background-color: #049edc; color: #fff;}
#main-menu ul li#t-enquiry .btn-inquiry:after{display: none;}
#main-menu ul li.mob-link{display: none;}
#main-menu ul li a{font-size: 17px; color:#3a60a7;padding:25px 0;display:block; text-decoration:none;position:relative;}
#main-menu ul li a:after{content: ""; height: 0; height:1px; width: 0; background-color: transparent; position: absolute; left: 50%; right: 50%; bottom: 10px;; display: block; transition: all .3s linear;}
#main-menu ul li:hover>a:after{background-color:#049edc; width: 100%;  left: 0; right: 0;}
#main-menu ul li:hover>a{background-color:transparent;color:#049edc;}
#main-menu ul li a:focus{background-color:transparent;}
#main-menu ul li.active > a{background-color:transparent;}
#main-menu ul li.active > a:after{background-color:#049edc;width: 100%;  left: 0; right: 0;}
#main-menu ul li ul{text-align:left;margin:0; left: -80px; opacity: 0; padding:15px 0; visibility: hidden; position:absolute;z-index:10; width:215px;top:75px;background:#ffffff;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;-moz-box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.15);-webkit-box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.15);box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.15); float: none; transition: all 0.2s;}
#main-menu ul li.submenu-one:hover>ul{ opacity: 1; visibility: visible;}
#main-menu ul li.last-menu ul,#main-menu ul li.last-menu:hover>ul{right:0;}
#main-menu ul li ul li{margin:0;float:none;position:relative;display:block;}
#main-menu ul li ul li{margin-bottom: 5px;}
#main-menu ul li ul li:last-child{margin-bottom: 0;}
#main-menu ul li ul li a:before{display:none;}
#main-menu ul li ul li a:focus{background-color:transparent;}
#main-menu ul li ul li a{background-color:#fff; display:inline-block;  color:#636363;font-size: 88%;line-height:normal;font-weight:400;text-transform:none;padding:8px 20px;margin:0;text-decoration:none;}
#main-menu ul li ul li a:after{content: ""; bottom: 0;}
#main-menu ul li ul li:hover>a:after{width: calc(100% - 40px); margin: 0 auto;}
#main-menu ul li ul li a:hover{color:#049edc;}
#main-menu ul li ul li:hover > a{background-color:transparent;}
#main-menu ul li ul li ul{opacity:0;visibility:hidden;position:absolute;width:270px;top:0;left:250px;}
#main-menu ul li ul li ul li{font-size:100%;}
#main-menu ul li ul li:hover>ul{opacity:1;visibility:visible;top:0;left:215px;}

.btn-cust{position: relative; z-index: 3; border: none; font-size: 112%; height: 55px; line-height: 55px; padding: 0 80px 0 25px; color:#fff; border-radius: 5px; text-decoration: none; background-color: #3a60a7; box-shadow: 5px 5px 14.72px 1.28px rgba(0, 0, 0, 0.22); }
.btn-cust .icon{position: absolute; right: 0; top: 0; height: 55px; width: 55px; background-color: #049edc; border-radius: 0 5px 5px 0;}
.btn-cust .icon .plus{background-position:-155px -28px;width: 15px;height: 15px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;transition: all .3s linear;}
.btn-cust:hover,.btn-cust:focus{background-color: #3a60a7;color: #ffffff; border: none; box-shadow: none;}
.btn-cust:hover .plus,.btn-cust:focus .plus{transform: rotate(90deg);}

h2.title{font-size: 140%;  font-family: 'Square721BT-Bold'; color: #049edc; text-transform: uppercase; position: relative; display:inline-block; border-bottom: 3px solid #049edc; padding-bottom: 10px; margin:0 0 45px;}
h2.title:before{content: ""; height: 3px; background-color: #3a60a7; width: 60px; position: absolute; left: 0;bottom: -3px;}


.padding{padding:100px 0;}
.padding-btm{padding-bottom: 100px;}
.mb30{margin-bottom: 30px !important;}
.mt0{margin-top: 0 !important;}

#mobile-menu{display:none;background-color:#f0f2f5;border-left:5px solid #049edc;position:fixed;width:250px;top:0;height:100%;z-index:2;overflow-y:scroll;right:-250px;}
#mobile-menu ul{margin:0;padding:0;list-style:none;float:none;}
#mobile-menu ul li{float:none;padding:0;margin:0;border:none;position:relative;border-bottom:1px solid #CDD0D3;}
#mobile-menu ul li a{padding:12px 20px;display:block;color:#049edc;font-weight:400;text-decoration:none; height: auto; text-align: left; font-size: 100%; box-shadow: none; background: transparent; border-radius: 0;}
#mobile-menu ul li a .text{display: block;}
#mobile-menu ul li ul li a{color:#049edc;font-size:90%;text-decoration:none;}
#mobile-menu ul li.active ul li a{color:#fff;}
#mobile-menu ul li ul li a:hover{color:#fff;}
#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:#049edc;}
#mobile-menu ul li.changebg > a{background-color:#049edc;color:#fff;}
#mobile-menu ul li > a:focus{background-color:#049edc;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:#049edc;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 a:hover .submenu:after,#mobile-menu ul li a:hover .submenu:before,#mobile-menu ul li a:focus .submenu:after{background-color: #fff;}
#mobile-menu ul li.changebg>a>.submenu:before{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.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 #CDD0D3;}


#mobile-menu-icon{display:none;position:absolute;right:12px;top:33px;width:30px;height:30px;z-index:9999;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after{width:30px;height:2px;background-color:#6E6F71;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;}
#menu-outer{position:relative;}

#about-block .block{ position: relative; top: -5px;}
#about-block .block .title{color: #3a60a7; font-size: 218%; margin-bottom: 15px; text-transform: uppercase;}
#about-block .block p{color: #000000; font-size: 112%; font-family: 'Roboto', sans-serif;}
#about-block .block .btn-cust{box-shadow: none; margin-top: 30px;}

/* product-range */
#product-range{position: relative; background: #f4f4f4;}
#product-range{position: relative; z-index: 2;}
#product-range .content-block p{margin-bottom: 40px;}
#product-range .content-block .btn-cust{color: #fff;}
#product-range .slider{margin-top:20px;}
#product-range .container {position: relative;}
#product-range .item {display: block; text-align: center; transition: all 0.9s; z-index: 8; position: relative; overflow: hidden; margin: 0 auto; text-decoration: none;}
#product-range .item span, #product-range .item em {display: block; font-style: normal;}
#product-range .item .img-wrapper {background-color: #ebecf0; border-radius: 50%; position: relative; width: 290px; height: 290px; margin: 30px; transition: all .4s linear;}
#product-range .item .img-wrapper img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 70%; max-width: 70%; transition: all .3s linear; }
#product-range .item:hover .img-wrapper{background: #f4f4f4; box-shadow: 0px 25px 20px 0px rgba(0, 0, 0, 0.15);}
#product-range .item .img-wrapper .text{padding:12px 90px 12px 20px; color: #000000; text-align: left;  background-color: #fff; display: block; position: absolute; z-index: 2; bottom: -100px; transition: all .3s linear; width: 100%; min-height: 68px;}
#product-range .item .text{font-size: 125%; font-family: 'Square721BT-Roman'; font-weight: 500; color: #000; font-weight: 600; transition: all .3s linear;}
#product-range .item .text em{font-style: normal; font-size: 90%; margin-top: 5px; color: #000 !important;}
#product-range .item:hover .text {color: #049edc;}
#product-range .item:hover .text em {color: #000;}

#product-range .owl-carousel>div{overflow: visible;}
#product-range .owl-stage {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#product-range .owl-flex .owl-stage .owl-item {display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; height: auto !important;}

.nav-sytle01 .owl-nav{display: inline-block;position: absolute;top: 0;right: 0;}
.nav-sytle01 .owl-nav{position: absolute; right: 0; top:-100px; color:#049edc; text-align: center;}
.nav-sytle01 .owl-nav i {background: url(../images/sprite.png) no-repeat 0 0;width: 18px;height:12px; display: inline-block; vertical-align: middle;}
.nav-sytle01 .owl-nav .owl-prev.disabled .text{display: none;}
.nav-sytle01 .owl-nav .owl-next.disabled .text{display: none;}
.nav-sytle01 .owl-nav > div {display: inline-block; vertical-align: middle;}
.nav-sytle01 .owl-nav .owl-prev i{background-position: -500px -500px;}
.nav-sytle01 .owl-nav .owl-prev.disabled i{background-position: -8px -152px;}
.nav-sytle01 .owl-nav .owl-next i{background-position: -500px -500px;}
.nav-sytle01 .owl-nav .owl-next.disabled i{background-position:-128px -32px; transform: rotate(180deg);}
.nav-sytle01 .owl-nav .owl-prev{margin-right: 15px;}
.nav-sytle01 .owl-nav .owl-prev .text,.nav-sytle01 .owl-nav .owl-next .text{position: relative; line-height: 30px;}
.nav-sytle01 .owl-nav .divider{display: inline-block; vertical-align:middle; width: 1px; height: 24px; background-color: #3a60a7; position: relative; right: -8px;}

#product-range .btn-cust{box-shadow: none;}
#product-range .btn-wrap{ position: absolute; left: 0; right: 0; bottom: -128px; text-align: center;}
  
/* project-wrap */
.project-wrap {position: relative;}
.project-wrap h2.title{position: absolute; top: 25%;  left: 52%; z-index: 9;}
.project-wrap .block-wrap{display: table; width: 100%; height: 100%; max-width: 1920px; margin: 0 auto;}
.project-wrap .left-column{display: table-cell; vertical-align: middle; width: 60%; height: 650px; max-width: 1134px; background-repeat: no-repeat; border-radius: 0 10px 10px 0;}
.project-wrap .right-column{display: table-cell; vertical-align: middle; width: 40%;}
.project-wrap .right-column .content{max-width: 560px; min-height: 480px; margin-left: -160px; background-color: #fff; padding: 150px 60px 60px; border-radius: 5px;}
.project-wrap .right-column .content .title{color: #049edc; font-family: 'Square721BT-Bold'; font-size: 125%; margin-bottom: 20px;}
.project-wrap .right-column .content p{color: #000; font-size: 112%; font-family: 'Roboto', sans-serif; font-weigh1t: 300; margin-bottom: 40px;}
.project-wrap .right-column .content ul{margin:0 0 40px;}
.project-wrap .right-column .content ul li{color: #000; font-size: 112%; font-family: 'Roboto', sans-serif; font-weigh1t: 300;}
.project-wrap .right-column .content .btn-cust{box-shadow: none;}
#tabs{position: absolute; width: auto; left:65%; border: none; bottom: 30px;}
#tabs li{margin: 0 16px;}
#tabs li a{color:#a4a4a4; text-decoration: none; border-radius: 0; border: none; padding: 0;}
#tabs li.active a{color: #3a60a7; border: none;}
#tabs li a:hover,#tabs li a:focus{background-color: transparent; border: none;}

/* video-block */
#video-block{position: relative; background-size: 100%; background-repeat: no-repeat; overflow: hidden; background-position: center center;}
#video-block:before{content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.75);}
#video-block .info{position: relative; z-index: 9; color: #fff;}
#video-block .info h3{ font-family: 'Square721BT-Bold'; margin:0 0 45px; color: #fff; font-size: 200%;}
#video-block .info a{font-family: 'Roboto', sans-serif; font-weigh1t: 300; font-size: 112%; color: #fff; text-decoration: none;}
#video-block .info a .icon{float: left; width: 86px; height: 86px; background-color:rgba(255,255,255,0.5); border-radius: 50%; display: block;position: relative;}
#video-block .info a .icon:before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 83px; height: 83px; background-color: rgba(255,255,255,0.5); transform: scale(1.4); border-radius: 50%; transition: all 0.4s;}
#video-block .info a .icon .play {background-position: -36px -76px; width: 37px; height: 40px; position: absolute; left: 5px; right: 0; top: 0; bottom: 0; margin: auto;}
#video-block .info a .icon:before {animation: expand 1.2s infinite ease-in-out;}
#video-block .info a .text{position: absolute; line-height: 90px; margin-left: 20px;}
@-webkit-keyframes expand {
    0% {transform: scale(1.5);}
    100% {transform: scale(7); opacity: 0;}
}

footer #top{background-color: #3a60a7; padding-top: 60px;}
footer #top h2.title{color: #fff; border-bottom-color: #fff; margin-bottom: 0; padding-top: 10px;}
footer #top h2.title:before{background-color: #049edc;}
.catalogue-wrap{margin-bottom: 40px;}
.catalogue-link{float: right;}
.catalogue-link{background-color: #049edc; position: relative; top: 0; transition: all .3s linear;}
.catalogue-link .icon{background-color: #fff;}
.catalogue-link .icon .plus{filter: invert(1);}
.catalogue-link:hover, .catalogue-link:focus{background-color: #049edc; top: -5px;}

footer #top h3{ color: #fff; font-size: 150%; display: block;margin: 0 0 20px; text-transform: uppercase;}
footer #top p{color: #fff;font-family: 'Roboto', sans-serif; font-weight:300; font-size: 94%;}
footer #top .contact-info{margin: 30px 0 0; padding: 0; list-style: none;}
footer #top .contact-info li{margin-top: 15px;}
footer #top .contact-info li a{font-family: 'Roboto', sans-serif; position: relative; padding-left: 35px; color: #fff; text-decoration: none; vertical-align: bottom;}
footer #top .contact-info li a .sprite{position: absolute; left: 0; top:0;}
footer #top .contact-info li a .call{background-position:-102px -4px; width: 22px; height: 19px; }
footer #top .contact-info li a .mob{background-position: -11px -178px; width: 14px; height: 23px; }
footer #top .contact-info li a .email{background-position: -132px -4px; width: 22px; height: 16px; }
footer #top .contact-info li a:hover{color:#93ccff;}
footer #top .links-outer{margin: 40px 0;}
footer #top .links-outer  h3{font-family: 'Roboto', sans-serif;  color: #93ccff; font-size: 107%; font-weight: 700; float: left; margin: 4px 0 0 0; text-transform: none;}
footer #top .links{margin: 0; padding: 0; list-style: none; float: right; text-align: right;}
footer #top .links li{display: inline-block; margin-left:30px;}
footer #top .links li a{font-family: 'Roboto', sans-serif; font-size: 106%; font-weigh1t: 300; color: #93ccff; text-decoration: none;}
footer #top .links li a:hover{font-weight: 700; color: #fff; text-decoration: underline;}

.inquiry-from{}
#f-home .inquiry-from{padding: 30px; background-color: #fff; border-radius: 10px;box-shadow: 15px 15px 33px 0px rgba(0, 0, 0, 0.1); margin-top: 60px;}
#f-home .inquiry-from .title{ font-family: 'Square721BT-Bold'; font-size: 138%; text-transform: uppercase;  color: #fff; margin-bottom: 40px;}
#f-home .inquiry-from .title{color:#049edc;}

footer #bottom{padding:0; background-color: #049edc;}
footer #bottom .copyright{font-size:85%; line-height: 75px; font-family: 'Roboto', sans-serif; color: rgba(255,255,255,0.75);}
footer #bottom .copyright span{display:inline-block; margin-right: 40px;}
footer #bottom .copyright a{text-decoration:none; color: rgba(255,255,255,0.75)}
footer #bottom .copyright a:hover{color: #fff;}
footer #bottom .copyright .designed-by{display: inline-block; margin-left: 35px; position: relative;}
footer #bottom .copyright .designed-by:before{content: ""; height: 10px; width:1px; background-color: rgba(255,255,255,0.60); position: absolute; left: -17px; top: calc(50% - 5px);}
footer #bottom .social-media{margin: 0; padding: 0; list-style: none; float: right;}
footer #bottom .social-media li{float: left;}
footer #bottom .social-media li a{display: block; border-right: 1px solid #0058a6; width: 140px; text-align: center; text-decoration: none; height: 75px; line-height: 75px;  color: rgba(255,255,255,0.5);}
footer #bottom .social-media li a:hover{color: #fff;}
footer #bottom .social-media li:first-child a{border-left: 1px solid #0058a6;}
footer #bottom .social-media li i{margin-right: 5px; vertical-align: baseline;}
footer #bottom .social-media li i.fb{background-position: -2px -2px; width: 12px; height: 20px; position: relative;  top: 5px;}
footer #bottom .social-media li a:hover .fb{background-position: -2px -27px;}
footer #bottom .social-media li i.ld{background-position:  -21px -3px; width: 18px; height: 17px;}
footer #bottom .social-media li a:hover .ld{background-position: -21px -28px;}
footer #bottom .social-media li i.tw{background-position: -46px -8px; width: 18px; height: 14px;}
footer #bottom .social-media li a:hover .tw{background-position:-46px -33px;}
footer #bottom .social-media li i.yt{background-position: -72px -7px; width: 22px; height: 15px;}
footer #bottom .social-media li a:hover .yt{background-position:-72px -32px;}



#totop{bottom:-45px;cursor:pointer;display:block; position:fixed;right:10px;width:45px; height: 45px; line-height: 40px; border-radius: 5px; background-color: #049edc; z-index:9;text-align:center;}
#totop .angle-up{ background-position:-162px -4px;width: 12px;height: 17px; text-align: center;}
#totop:hover{background-color: #3a60a7;}

.fancybox-nav span{visibility:visible;}
.fancybox-next span,.fancybox-prev span{background-color:#3a60a7;}
.fancybox-next span{right:-15px;}
.fancybox-prev span{left:-15px;}
.fancybox-close{background-color:#3a60a7;width:42px;height:40px;top:0;right:0;}
.fancybox-skin{background:#fff9f7;}

form .form-group{margin-bottom: 25px;}
form .form-group .form-control{height:45px; font-size: 107%; border:none;border-bottom: 1px solid #e5e5e5;color:#049edc; font-family: 'Roboto', sans-serif; font-weigh1t: 300; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #ffffff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
form .form-group .form-control:focus {box-shadow:none;background-color: #fff; border-bottom-color: #049edc;}
form .form-group .input-group-addon{background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid #e5e5e5;}
form .form-group textarea.form-control {resize:none; height:117px;padding-top: 15px;}
form .form-group .custom-sel{position: relative;}
form .form-group .custom-sel:before{content:'\f107';font-family:'FontAwesome'; font-weight: normal; position: absolute;right:20px;color:#b6b6b6;top:6px;font-size:30px;pointer-events:none;}
form .form-group .custom-sel select {-webkit-appearance: none;-moz-appearance:none;}
form .has-captcha{margin-bottom:70px;}
form .has-captcha .input-group .form-control {width:32.7%; display:inline-block; border-right: 0;}
form .input-group-addon:last-child {display:inline-block; width:auto; background:#fff; border:1px solid #279bfc; line-height: 43px;height:auto; border-radius: 0; padding: 0;}
form .form-group label {position: relative; font-size: 114%; font-weight: 400; color: #999999;display: none;}
form .form-group.required label:before {color: red; content: "*"; position: absolute; right: -10px; top: 0;}
form .refresh {cursor: pointer; width:45px; line-height:53px; display: inline-block; vertical-align: top; position: relative;}
form #imgCaptcha {border-right:1px solid #279bfc;}
form .refresh i{background-position:-187px -216px;width: 32px;height: 32px;position: absolute;left:4px;top:6px;}
form .btn-wrap {margin-top: 15px;}
form .btn{font-family: 'Roboto', sans-serif; border: 1px solid #3a60a7;background-color:#3a60a7; color: #fff; padding: 14px 30px; border-radius: 0; font-size: 94%; font-weight:500;text-decoration: none;box-shadow: none;line-height: 20px; border-radius: 5px; border: none;}
form .btn .arrow{background-position:-102px -32px;width: 18px;height: 13px;margin:-1px 0 0 15px; }
form .btn:hover, form.btn:focus{background-color:#049edc;color:#ffffff;}
form .btn:hover .arrow, form.btn:focus .arrow{background-position:-102px -32px; transform: rotate(0deg);}
form .browse {position: relative; cursor: pointer; width: 100%; cursor: pointer}
form .browse .file-icon{background-position: -381px -62px; width: 19px; height: 21px;}
form .browse .hide-field {opacity: 0; filter: alpha(opacity=0); position: absolute!important; z-index: 2; width: 100%; height: 56px;}
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: -1px; top: 0; color: #fff; padding: 0; height: 56px; width: 50px; line-height: 56px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out}


#about-block p.para{color: #3a60a7; font-size: 135%;}


form .error-inline {background-color: #fff; color: #ff0000; padding:0;}
form .btn-reset {border: 1px solid #244372; background-color: transparent; color: #244372;}
form .error,form .error-inline {background-color: #fff; color: #ff0000; padding:5px 12px; font-size: 85%;}


.text-danger {font-size: 80%;padding: 13px 25px;}

.style-01{margin-left: -15px;}

.owl-flex.owl-carousel .owl-stage {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}

.table-data {margin: 0; width: 100%;}
.table-data .tabel-cell-data {float: none; display: table-cell; vertical-align: middle; }
#attributes-slider .prod-name {text-align: center; font-family: 'Square721BT-Bold'; font-size: 172%; color: #049edc; margin-top: 30px; line-height: normal;}
#attributes-slider .prod-name span {display: block; font-size: 75%; color: #000; font-family: 'Square721BT-Roman'; margin-top: 5px;}


#f-inner .inquiry-from form .form-control{padding: 6px 0; font-size: 112%; background-color: transparent;color: rgba(255,255,255,0.75);}
#f-inner .inquiry-from form .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.25);}
#f-inner .inquiry-from form .form-control::-moz-placeholder {color:rgba(255,255,255,0.25);}
#f-inner .inquiry-from form .form-control:-ms-input-placeholder {color:rgba(255,255,255,0.25);}
#f-inner .inquiry-from form .form-control:focus{border-bottom-color:#fff;}
#f-inner form .btn:hover, form.btn:focus{background-color: #3a60a7;}
#f-inner .inquiry-from form .form-group{margin: 60px 0;}

.fancybox-title-float-wrap {text-align: center; left: 0; right: 0;}
.fancybox-title-float-wrap .child{font-weight: 400;background-color: #3a60a7; border-radius: 5px; font-size: 112%;}

/*.fancybox-skin{width: 840px !important;
    height: 640px !important;
    margin: 0 auto;}
.fancybox-type-iframe .fancybox-inner{    width: 800px !important;
    height: 600px !important;
    margin: 0 auto;}*/


#sticky-servicelist{position: fixed; z-index: 110; margin: 0; padding: 0; list-style: none; right: 0; top: 30%;} 
#sticky-servicelist a1{position: relative;white-space: nowrap;  overflow: hidden; display: block; width: 42px; background-color: #3a60a7;border-radius: 30px 0 0 30px; transition: all 0.5s linear; color: #fff; float: right; -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.33);}
#sticky-servicelist .icon{display: inline-block; vertical-align: middle; width: 42px; line-height: 42px; height: 42px; overflow: hidden; position: relative;}
#sticky-servicelist .icon i{position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; }
#sticky-servicelist .icon .litigation-icon{background-position: -12px -362px; width: 24px; height: 25px; }
#sticky-servicelist a:hover{width:100%;}
#sticky-servicelist a .text{ top: 0;display: none; padding: 0 15px 0 0; vertical-align: middle; line-height: 42px; }
#sticky-servicelist a:hover .text{ display: inline-block; font-size: 85%;}
#sticky-servicelist .service-icon .icon{animation: mymove 5s infinite;}
#sticky-servicelist .service-icon .icon img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 60%;}
@keyframes mymove {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}

.service-icon{font-size: 100%; z-index: 99; color: #fff; border-radius: 5px; padding: 10px 12px; height: auto; line-height: normal; box-shadow: none; background-color: #3a60a7; position: fixed; right: 10px; top: 430px;}
.service-icon:hover,.service-icon:focus {background-color: #049edc; color: #fff !important;}

.fancybox-iframe{height: 620px;}
.request-form-wrapper h4{background-color: #3a60a7; color: #fff;  padding: 10px 30px; margin: -30px -30px 30px;}