/* 1 Reset Css #res 2 Font Face #face 3 Inputs #input 4 Global Styles #glob 5 Wrappers #wrap 6 Custom CSS #custom 7 Media Query #media */ /*================================= 1 Reset Css ( #res ) =================================*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#006db7;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0} img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition:all 0.5s ease 0s;} .ie8 img {height: auto; width: auto\9;} .ie8 img.size-large {max-width: 60%; width: auto;} :hover{transition:all 0.5s ease 0s;} ul{list-style:none; margin:0; padding:0;} li{list-style:none;} #wp-toolbar ul:after{content:none} .last_li , .last{margin-right:0 !important; padding-right:0 !important} .first_li, .first{margin-left:0 !important; padding-left:0 !important} .clearfix:after , ul:after , ol:after , .full_row:after , .submit_col:after {content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%} /*================================= 2 Font Face ( #face ) =================================*/ /* TypoGraphy */ /* */ /*================================= 3 Inputs ( #input ) =================================*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;} ::-webkit-input-placeholder {color:#343434; font-style:normal;} :-moz-placeholder {color:#343434; font-style:normal;} ::-moz-placeholder {color:#343434; font-style:normal;} :-ms-input-placeholder {color: #343434; font-style:normal;} button::-moz-focus-inner {border: 0} :focus {outline:none;} ::-moz-focus-inner {border:0;} input[type=number] {-moz-appearance:textfield} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0} input[type=submit]{padding:12px 20px; background:red; font-weight:normal; color:#fff; display:block; margin:0 auto} input[type=submit] , input[type=button]{cursor:pointer; border:0} input:focus{outline:none;} body textarea{resize:none; height:270px; font-size:18px; font-style:normal; color:#000; line-height:31px; padding:15px 0 0 25px; border-color:#b7b7b7; } input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{background-color:transparent; border:none; border-radius:0; color: #000; width:100%; height:40px; padding:5px 0; box-shadow:none; -webkit-appearance:none;font-size: 15px; font-weight: 400; line-height: 35px; border-bottom: 1px solid #3092dd;} input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus { background-color: transparent} input:required{box-shadow:none} /*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */ *{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} /*================================= 4 Global Styles (#glob) =================================*/ /* Gobal #GAB */ .x:before {position:absolute; content:''} /* Vertical Middle */ .x:before /*Parent Before*/ {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em} .x /* Child class */ {display: inline-block; vertical-align: middle} /* HR Rules */ hr{} /* Image Alignment */ .alignnone , a img.alignnone {margin: 5px 0 50px} .aligncenter, div.aligncenter {display: block; margin: 5px auto 60px auto} .alignright , a img.alignright{float:right; margin: 5px 0 60px 60px} .alignleft , a img.alignleft {float: left; margin: 5px 60px 60px 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} h1 , h2 , h3 , h4 , h5 , h6{} h1{color: #fff; font-size: 25px; font-weight: 700; line-height: 40px; text-transform: uppercase; margin-bottom: 20px; letter-spacing:0.05em} h2{font-size: 35px; font-weight: 700; line-height: 45px; text-transform: uppercase; color: #2980b9; padding-bottom: 54px; position: relative} h2:before , h3:before{width: 200px; height: 1px; background-color: #2980b9; content: ""; position: absolute; bottom: 32px; left: 0;} h2:after , h3:after{width: 50px; height: 9px; background-color: #2980b9; border-radius: 5px; content: ""; position: absolute; bottom: 28px; left: 0} h3{color: #2980b9; font-size: 50px; font-weight: 700; line-height: 45px; text-transform: uppercase; letter-spacing: 0.025em; display: block; padding-bottom: 60px; position: relative} h3:before , h3:after{left:0; right: 0; margin: auto} h4{} h5{} h6{} p , .content_row ul li, .content_row ol li{color: #343434; font-size: 20px; font-weight: 300; line-height: 30px; margin-bottom:20px; letter-spacing: 0.025em} p:last-child{margin-bottom:0} p.intro{color: #666; font-size: 24px; font-weight: 300; line-height: 34px; margin-bottom:20px} p a{color:#006db7; font-weight:bold} p strong{font-weight:900} p em{font-style:italic} p a:hover{text-decoration:underline} .content_row ul , .content_row ol{padding-bottom:10px} .content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; color:#343434} .content_row ul li{padding-left:20px} .content_row ul li:before {color: #444444; content: "•"; font-weight: bold; left: 0; position: absolute; font-size:6px;} .content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0} .content_row ol{counter-reset: section} .content_row ol li{padding-left:40px} .content_row ol > li:before {color:#343434; content:counter(section, decimal) "."; counter-increment:section; padding-right:5px; font-size:18px; position:absolute; left:0} .content_row ol ul li{padding-left:20px} .content_row ol ol li{list-style:lower-alpha outside; padding-left:30px; margin-left:20px} .content_row ol ol li:before{content:none} .content_row ol ol li{padding-left:10px} a:focus, a:hover{outline:none; text-decoration:none;} .visible_tab{display:none} .rob_btn{background-color:#fff; background-image: linear-gradient(-35deg, #3498db 0%, #2980b9 100%); border-radius: 2px; padding: 25px 45px 22px 45px; z-index: 0; position:relative; box-shadow:none; transition: all 0.3s linear 0s} .rob_btn:hover{color:#2aaf62 !important; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);} .rob_btn:hover:after{opacity: 1 !important;} .main_header .nav_col li a.rob_btn:after , .rob_btn:after {background: #ffffff; border-radius:2px; content: ""; height: 100%; left: 0;position: absolute; top: 0; width: 100%;z-index: -1; pointer-events: none; opacity: 0; transition: all 0.3s linear 0s} /* ================================= 5 Wrappers #wrap ================================= */ body{background:#f5f5f5; font-family: 'Overpass', sans-serif; line-height: 1; color:#787878;} .container{max-width:1656px; width:100%; padding-left: 100px; padding-right: 100px;} .full_row{width:100%; float:none; margin:0 auto} .full_row{width:100%; float:none; margin:0 auto; } .small_container{max-width:1125px; margin:0 auto; float:none; padding-left: 15px; padding-right: 15px} .site_full{max-width:1690px; margin:0 auto; position:relative} /* ================================= 6 Custom CSS #custome ================================= */ #page{background:url(../img/gradient.png) repeat-x; padding-top: 215px; position: relative; overflow: hidden} #page:after{position: absolute; content: ""; background:url(../img/page_top_bg.png) no-repeat; width:100%; left:0; top: 0; height: 1006px; background-size: 100% auto; z-index: -1} .main_header{padding-top:60px; position: fixed; top: 0; left: 0; width:100%; transition: all 0.3s linear 0s; background-color: transparent; z-index: 99999} .main_header .container {max-width: 1955px; } .main_header .main_logo { display: inline-block} .main_header .main_logo img{width: 100%; transition: all 0.3s linear 0s; max-width:410px;} .main_header .nav_col li {display: inline-block; margin: 0 20px} .main_header .nav_col li a {color: #fff; font-size: 20px; font-weight: 700; line-height: 19px; text-transform: uppercase; display: inline-block; letter-spacing: 0.050em; padding-bottom:5px; border-bottom: 1px solid transparent} .main_header .nav_col li a:hover{border-color: #fff} .main_header .nav_col{text-align: right} .main_header .nav_col ul{margin-top: 18px; display: inline-block; transition: all 0.3s linear 0s} .main_header .nav_col li a.rob_btn{padding-bottom:20px !important; border-bottom: none !important; position: relative;} .main_header .phone-square{color: #fff} .sticky.main_header .nav_col li a.rob_btn{padding: 15px 45px 12px !important} .sticky.main_header .nav_col ul{margin-top: 2px;} .sticky.main_header {padding-top: 12px; padding-bottom: 14px; background-color: #2aaf62;} .sticky.main_header .main_logo img{max-width: 176px} .logo_col{position: static;} .call_toaction{background-color:#2980b9;position:absolute; left: 0; top: 0; height: 100%; padding: 8px 13px; display: none} .call_toaction i{color: #fff; font-size: 24px} .mm-opened a.navicon::after, .mm-opened a.navicon::before {opacity: 1;} .mm-opened a.navicon span {opacity: 0;} a.navicon:before {background: #ffffff; bottom: 0; content: ""; height: 1px; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; transform: rotate(-40deg); transition: all 0.3s ease 0s; width: 40px;} a.navicon:after {background: #ffffff; bottom: 0; content: ""; height: 1px; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; transform: rotate(40deg); transition: all 0.3s ease 0s; width: 40px;} a.navicon{ display: none;position: absolute !important; right: 0 !important; height: 100%; padding-top: 3px} .navicon span:before {background-color:#ffffff; content: ""; height: 1px; position: absolute; right: 0; top: 5px; width: 19px;} .navicon span:after {background-color: #ffffff; content: ""; height: 1px; position: absolute; right: 0; top: 11px; width: 28px;} .navicon span {border-bottom: 1px solid #ffffff; float: right; height: 19px; margin-right: 10px; position: relative; transition: all 0.3s ease 0s; width: 20px;} .navicon i {bottom: -9px; color: #ffffff; font-size: 10px; font-style: normal; left: -7px; line-height: 0; position: absolute;} .mm-menu > #mm-0.mm-panel .mm-navbar{display: none;} .mm-menu > #mm-0.mm-panel.mm-hasnavbar{padding-top: 0;} .mm-listview > li > a.contect_btn_mb{padding:8px 10px 6px 20px;background-color: #2980b9; background-image: linear-gradient(-35deg, #3498db 0%, #2980b9 100%); border-radius: 16px; margin-top: 5px !important} .contect_btn_mb{width:calc(100% - 30px); margin: 0 auto !important} .seo_band{text-align: center; padding-top: 90px; padding-bottom: 110px} .seo_band span{color: white; font-size: 50px; font-weight: 700; line-height: 60px; text-transform: uppercase; display: inline-block; padding: 0 100px; letter-spacing: 0.05em} .resp-tabs-list li {display: inline-block;padding: 65px 15px 65px;margin: 0; list-style: none; cursor: pointer;float: left; color: #2980b9; font-size: 22px; font-weight: 700; line-height:normal; text-transform: uppercase; letter-spacing: 0.05em; background-color: #2ecc71; background-image: linear-gradient(-30deg, #f4f4f4 0%, #f4f4f4 0%, white 100%); width: 100%; text-align: center; position: relative; z-index: 0;} .resp-tabs-list li:after{position: absolute; content: "";background-color: #fff; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); height: 100%; width: 100%; top: 0; left: 0; z-index: -1; opacity: 0; transition: all 0.2s linear 0s; transform: scaleY(1)} .resp-tabs-list li:hover{color: #2ecc71;} .resp-tabs-list li:hover:after{opacity: 1; transform: scaleY(1.29)} .resp-tabs-list li.resp-tab-active{color:#fff;z-index:9} .resp-tabs-list li.resp-tab-active:after{background-image:none; background-color: #2980b9; opacity: 1; transform: scaleY(1.29); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); top: -4px} .resp-tabs-list li:after{position: absolute; content: "";background-color: #fff; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); height: 100%; width: 100%; left: 0; z-index: -1; opacity: 0; top: -4px} h2.resp-accordion {cursor: pointer; padding: 5px; display: none;} .resp-tabs-container {padding: 0px;background-color: #fff;clear: left;} .resp-tab-content {display: none;padding: 70px 60px 55px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);} .resp-tab-active {background-color: #fff;} .resp-content-active, .resp-accordion-active { display: block; } .resp-tabs-list {display: flex;justify-content: space-between; position: relative;} .resp-tabs-list li:before{position: absolute; content: ""; height: 10px; width: 100%; background-image: linear-gradient(155deg, #2ecc71 0%, #2ecc71 0%, #27aa5f 100%); top: -10px; left: 0; } .resp-tabs-list li.resp-tab-active:before {display:none} .resp-tabs-list li:hover:before{display:none} .resp-vtabs ul.resp-tabs-list { float: left; width: 30%;} .resp-vtabs .resp-tabs-list li {display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none;} .resp-vtabs .resp-tabs-container {padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none;} .resp-vtabs .resp-tab-content { border: none;} .resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important;} .resp-arrow {width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1;} h2.resp-accordion {font-size: 13px; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;} h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;} h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #9B9797;} h2.resp-tab-active { background: #DBDBDB !important; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } .resp-jfit {width: 100%; margin: 0px;} .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; } .tab_band .img_col{width:36%;} .tab_band .content_col{width:64%;} .tab_band span{font-weight: 300; color: #3f3f3f; font-size: 30px; line-height: 40px; margin-bottom: 20px; display: block} .tab_band p{color: #787878; font-size: 20px; line-height: 30px; font-weight: 300} .expect_band{text-align: center; padding-top: 130px; padding-bottom: 60px; background: url(../img/pattern.jpg) no-repeat; background-position: center center; position: relative;background-size: 100% auto} .expect_band:after{content: '';/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+100&0+0,1+99 */ background: -moz-linear-gradient(top right, rgba(125,185,232,0) 0%, rgba(254,254,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top right, rgba(125,185,232,0) 0%,rgba(254,254,255,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right , rgba(125,185,232,0) 0%,rgba(254,254,255,1) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ width:30%; right: 0; position: absolute; height: 100%; top: 0; } .expect_band:before{content: '';/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,7db9e8+99&1+0,0+99 */ background: -moz-linear-gradient(top right, rgba(255,255,255,1) 0%, rgba(125,185,232,0) 99%); /* FF3.6-15 */ background: -webkit-linear-gradient(top right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 99%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(125,185,232,0) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */ width:30%; left: 0; position: absolute; height: 100%; top: 0; } .expect_band .col_cover{max-width: 170px; margin: 0 auto} .expect_band .col_cover img{margin-bottom: 20px;} .expect_band .col_cover h4{font-weight: 700; text-transform: uppercase; color: #3f3f3f; font-size: 20px; line-height: 25px; margin-bottom: 4px} .expect_band .col_cover p{font-size: 15px; line-height: normal; text-transform:uppercase; font-weight:bold; color: #787878} .tab_band{ position: relative; z-index: 1;} .expect_band{position: relative; z-index: 0; margin-top: -80px; overflow: hidden; clear: left} .para_outer{position: relative; max-width: 2100px; margin: 0 auto;} .para_band{color: #f5f5f5; font-size: 35px; font-weight: 700; line-height: 45px; text-transform: uppercase; height: 363px; background:url(../img/para.jpg) no-repeat; position: relative; z-index:0; transition: all 0.2s linear 0s} .para_outer:after{content:""; background:url(../img/onepage_03.png) no-repeat; position: absolute; right: calc(100% - 100px); top:0; height: 430px; width: 574px; z-index:-1} .para_outer:before{content: ""; background:url(../img/onepage_05.png) no-repeat; position: absolute; left: calc(100% - 100px); top: 0; height:430px; width: 574px; z-index: -1} .para_band .container:after{bacground:#620505; content: ""; height: 100%; left: 0; top: 0; width: 100%; position: absolute; background:rgba(98,5,5,0.55);z-index:-1} .para_band .container{position:static;} .para_band .container, .para_band .container .row, .para_band .container .row .col-md-12 {height: 100%; text-align: center;} .para_band .col-md-12.full_row > span {display: inline-block; vertical-align: middle;} .para_band .col-md-12:after{content:""; margin-right: -0.25em; display: inline-block; vertical-align: middle; height: 100%;} .accord_band{padding-bottom: 50px} .accord_band h3{display: block; text-align: center; padding-top: 60px; padding-bottom: 100px;} .accord_band h3:before{bottom: 52px; } .accord_band h3:after{bottom: 48px} .accord_band .commercial span{background-image:url(../img/Commercial.png) !important} .accord_band span{background: #2cc46d url(../img/Industrial.png) no-repeat; background-position: right center; color:#fff; font-weight: 700; line-height: 30px; text-transform: uppercase; font-size: 30px; display: block; width: 100%; text-align: center; padding: 40px 20px 30px} .accord_band span small{font-size:20px; display: block;} .accord_band li{color: #787878; font-size: 20px; font-weight: 400; line-height: 30px; position: relative; padding-left: 50px;} .accord_band li:after{position: absolute; width: 33px; height: 6px; background-color: #787878; border-radius: 3px; left: 0; top:10px; content: "";} /*.accord_band .col-md-6 {height: 710px;}*/ .collaps_box{background-color:#fff; background-image: linear-gradient(155deg, #f9f9f9 0%, #f9f9f9 0%, #ebebeb 100%); box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); position: relative;} .testimonials{position: relative; z-index: 99; background:url(../img/about_robo.png) no-repeat; background-position: right bottom} .accord_band .container{ position:relative; z-index: 9999} .testimonials:after{ position: absolute; content: ""; height: 333px; background-color: #2cc46d; width: 100%; left: 0; bottom: calc(100% - 0px); z-index: -1;} /*.testimonials .testim_col {padding:0 20px}*/ .testim_cover {max-width:2100px; background: #2980b9 url(../img/testimonial.png) no-repeat; position: relative; margin: 0 auto; background-size:cover} .testim_cover b{color:#f5f5f5; font-size: 20px; font-weight: 700; line-height: 40px; text-transform: uppercase; display: inline-block} .testim_cover h3{padding-bottom:46px; color: #fff} .testim_cover h3:after{display: none} .testim_cover p{color:#fff} .testim_cover p:last-child{margin-bottom: 0;} .testim_cover small{font-size: 15px; color: #fff; font-weight: bold} .testi_slider{padding: 55px 160px 50px;} .testi_slider .owl-dots .owl-dot{display: inline-block;} .testi_slider .owl-prev, .testi_slider .owl-next{position: absolute;width: 145px; height: 100%;top: 0; text-indent:300px; overflow: hidden; background-position: center center !important} .testi_slider .owl-prev:hover, .testi_slider .owl-next:hover{background-color: rgba(255,255,255,0.20)} .testi_slider .owl-prev{left:10%; background: rgba(255,255,255,0.0) url(../img/left_.png) no-repeat; } .testi_slider .owl-next{right:10%; background: rgba(255,255,255,0.0) url(../img/right_ar.png) no-repeat;} .about_robo{padding:60px 0;} .about_robo .about_img{width:21%} .about_robo .about_content{width:79%} .about_robo .about_content p{letter-spacing: 0; font-weight: 400; color: #787878} .about_robo .about_content span{color: #3f3f3f; font-size: 30px; font-weight: 300; line-height: 40px; margin-bottom: 10px; display: block} .about_content h3:after{left:0; right: auto} .about_content h3:before{left:0; right:auto} .connect_band{padding: 60px 0; background-color: #eceae4; } .connect_band h3:after{left:0; right: auto} .connect_band h3:before{left: 0; right: auto} .connect_band b{font-size: 20px; color:#000; text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 15px} .connect_band .phone b{margin-bottom: 10px;} .connect_band .phone a{color: #787878; font-size: 40px; font-weight: 400; line-height: 32px; text-decoration: none !important} .contact_col{margin-bottom:25px;} .contect_left{padding-left: 180px;} .contact_col address{color:#777d82; font-size: 20px; line-height: 30px} .contact_col a{color:#2980b9; text-decoration: underline; font-size: 20px; line-height: 30px} .contact_form{padding: 50px; background-color: #fff; border-radius: 5px;} .input_block , .field_block{position: relative; margin-bottom: 34px} .input_block:after{position: absolute; content: ""; height: 1px; width: 100%; background-color: #2f3235; left: 0; bottom: 0} .input_block:before{content: ""; position: absolute; height: 1px; width: 0; background-color:#3092dd; bottom: 0; left: 0; z-index: 9; transition: all 0.3s linear 0s} .input_block.selected:before{width:100%} .input_block input{height: 30px; width: 100%; padding-left: 9px; padding-right: 9px; border-bottom-color: transparent;} .input_block.selected label{position: absolute;font-size: 15px; bottom: 20px} .input_block label sup{color:#ff0000;} .input_block label{color: #2f3235; font-size: 20px; font-weight: 900; line-height: 35px; text-transform: uppercase; position: absolute; bottom: -1px; transition: all 0.2s linear 0s; pointer-events: none;} .field_block label{color: #2f3235; font-size: 20px; font-weight: 900; line-height: 35px; text-transform: uppercase; display: block} .field_block .rob_slect{width:100%; border: 1px solid #2f3235; border-radius: 0} .field_block textarea{width: 100%; height: 117px; border: 1px solid #2f3235;font-size:15px;padding:10px 0 0 15px } .contact_form .row{margin-left: -20px; margin-right: -20px} .contact_form .col-md-6{padding-left: 20px; padding-right: 20px;} .field_block .list{border:1px solid #2f3235; border-radius: 0} .submit_col .rob_btn{display: inline-block; padding: 0; float: left; margin-right: 50px} .submit_col .rob_btn input{padding: 25px 45px 22px !important; background-color: transparent; font-size: 20px; letter-spacing:0.05em; text-transform: uppercase; font-weight: bold} .submit_col .rob_btn:hover input{color:#2aaf62 } .submit_col p{max-width:100%; color: #777d82; font-size: 18px} .submit_col p sup{color:#ff0000; top: 0;} .footer_main{padding: 70px 0; background-color: #252525} .footer_main p{color: #8d8d8d; font-size: 20px; font-weight: 700; line-height: 30px; text-transform: uppercase;} .footer_main hr{border-color:#8d8d8d; margin: 35px 0} .left_col{text-align: right;} .left_col img{display: inline-block} .copy_right p{font-size: 15px;} .copy_right .fpm_col{text-align:right} .copy_right .fpm_col p{text-transform: none;} .fpm_logo{} .copy_right p , .copy_right b{display: inline-block; vertical-align: middle; margin-bottom: 0} .copy_right b a:before {background: url("../img/fpm_hover.png") no-repeat; content: ""; height: 100%;left: 0;opacity: 0;position: absolute; top: 0; transition: all 0.3s linear 0s; width: 100%;} .copy_right b a:after {background: url("../img/fpm.png") no-repeat; content: ""; height: 100%; left: 0; position: absolute; top: 0;transition: all 0.3s linear 0s; width: 100%;} .copy_right b a {display: inline-block; height: 33px; margin-left: 10px; margin-top: 0; position: relative;vertical-align: middle;width: 132px;} .copy_right b a:hover:before {opacity: 1 !important;} .copy_right b a:hover:after{opacity: 0 !important} .contact_form .col-md-12 {clear:left} .fpm_col a{color:#3786bb} .about_img > img {width: 100%;} .col-md-3.expect_col{z-index:9} .input_block.field_block.field-error:after , .input_block.field_block.field-error .selected:after {background: red;} .input_block.field-error.selected::before{background: red;} .error{display:none !important} .response_msg .success{background: #2aaf62 none repeat scroll 0 0 !important;float: left;padding: 15px;color:#FFF;margin-top:15px} .main_header .nav_col li:last-child {margin-right: 0;} .cd-top { bottom:50px; color: #FFF !important; display: inline-block; font-size:30px; font-weight: 500; height: 50px; line-height:55px; overflow: hidden; position: fixed; right: 50px; text-align: center; text-transform: uppercase; transition:opacity 0.3s linear 0s, visibility 0.3s linear 0s; visibility: hidden; white-space: nowrap; width: 50px; opacity: 0; background:#2980b9 ; border-radius:2px } .cd-top.cd-is-visible { opacity: 1; visibility: visible; z-index:9999; transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s; } .cd-top:hover { background-position: center -102px !important; color: #2aaf62 !important; background-color: #FFF ; box-shadow:0 15px 20px rgba(0, 0, 0, 0.2); transition: all 0.3s linear 0s; opacity:1 } .sticky_footer{display:none !important} .sticky_footer{display:block;background-color: #2980b9;box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.35);;position:fixed;bottom:0; width:100%;text-align:center;z-index:9999;padding:8px 0} .sticky_footer ul li a{color: white;font-size: 13px;line-height: 20px;font-weight:100;text-transform:Capitalize;letter-spacing:0.5px} /*.sticky_footer ul li a:hover{color:#5b9cb6}*/ .sticky_footer ul li:first-child {min-width:235px;} .sticky_footer ul li{width:100%;border-right:1px solid #FFF} .sticky_footer > ul {display: flex;justify-content: space-around;} .sticky_footer i {margin-right: 6px;} .sticky_footer li:last-child {border-right:none} .sticky_footer img {left: -3px;position: relative;top: -1px;} .testi_slider .owl-carousel{position:unset !important} .testi_slider .owl-nav {height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .testi_slider > h3:before{display:none} /* ================================= 7 Media Query #media ================================= */ /********************************* Mobile Potrait #MP ********************************/ @media screen and (max-width: 320px) and (orientation: portrait) {} /********************************* Mobile Potrait ********************************/ @media screen and (max-width: 480px) and (orientation: portrait) {} /********************************* Mobile landscape ********************************/ @media screen and (max-width: 480px) and (orientation: landscape) {} /* ================================= Common For All mobile definitions #mx ================================= */ @media all and (max-width: 767px) { html * {max-height:1000000px} .x {display:none} h1{font-size:28px; line-height:normal} h2{font-size:26px} h3{font-size:20px} h4{font-size:18px} p, .content_row ul li, .content_row ol li{font-size:18px; line-height:24px} p.intro{font-size:20px; line-height:30px} /* Image Alignment */ .alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none} .container{padding-left: 20px; padding-right: 20px} #page:after{display: none !important} /*#page{background-image: none}*/ .main_header .main_logo img {max-width:111px;} .main_header{padding-top: 6px; background-color: #2aaf62; padding-bottom: 6px} .logo_col{text-align: center} .nav_col{display:none} .phone-square{font-size: 24px; color: #fff;} .sticky.main_header .main_logo img{max-width: 111px} .sticky.main_header {background-color: #2aaf62; padding-bottom: 6px; padding-top: 6px;} .navicon i {bottom: -9px; color: #ffffff; font-size: 10px; font-style: normal; left: -7px;line-height: 0; position: absolute;} a.navicon {background-color: #1699e5 !important; position: relative; width: 49px; display: block !important;} .call_toaction{display:block} ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; } .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none;} .resp-accordion-closed { display: none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; } #page{padding-top:0} .seo_band h1{font-size: 20px;} .seo_band span{ font-size: 25px;line-height:35px;padding:0} h2.resp-accordion::after{display:none} h2.resp-accordion:before{display: none} .img_col > img { max-width: 247px;padding-bottom: 16px; margin: auto; display: block;} .resp-tab-content {padding: 40px 17px 13px;} .tab_band .content_col {width: 100%;} .content_col h2 {font-size: 18px;line-height:24px;} .tab_band span {font-size: 20px;line-height: 31px;} .expect_band{margin-top:0; padding-top: 45px;} .expect_band .col_cover{max-width:inherit;margin-bottom:15px;} .para_band span{padding-top:45px;font-size:24px;line-height:32px;} .para_band span br{display: none} .inner_expand {padding: 50px 20px 0;} .about_robo .about_img > img {width:auto;} .about_robo .about_content{width:100%; padding-top: 20px;} .contect_left {padding-left: 24px;} .connect_band .phone a {font-size: 32px;} .contact_form {padding:30px;} .submit_col .rob_btn {margin-bottom: 16px;} .left_col{text-align: left} .testi_slider {padding: 60px 20px 50px;} .testim_cover{background-size:cover} .testi_slider .owl-prev, .testi_slider .owl-next{height:auto !important; top:3%;width:90px} .copy_right .fpm_col{text-align:left} .para_band .col-md-12::after {margin-right:auto} .expect_band{background-size:cover} h2.resp-accordion {background: #2980b9 none repeat scroll 0 0;color: #ffffff;display: block;z-index: 99;text-align:center; font-size:15px;border-bottom:1px solid #FFF} h2.resp-accordion:first-child {border-top:none !important} .resp-arrow{ margin-top: 15px;border-top:12px solid #ffffff} h2.resp-tab-active {background: #ffffff none repeat scroll 0 0 !important;color: #2980b9 !important;} h2.resp-tab-active span.resp-arrow{border-color:-moz-use-text-color rgba(0, 0, 0, 0) #2980b9} .tab_band .img_col {width: 100%;} .tab_band{top:20px} .collaps_box{position:relative} .accord_band .col-md-6 {height: auto;} .about_robo .about_content span{font-size:25px;line-height:40px} .copy_right .fpm_col {text-align: center;} .left_col {text-align: center;margin-top:20px} .footer_mainte{text-align:center} .row.copy_right {text-align: center;} .footer_main{padding:40px 0;text-align:center} .collaps_box{margin-bottom:30px} .about_robo .about_content p{line-height:28px} .cd-top{display:none} .mm-listview > li > a, .mm-listview > li > span{text-transform:capitalize !important} .sticky_footer{display:block !important} .nav_listing.mm-listview a:hover{color:#2aaf62} .contect_btn_mb:hover{color:#FFF !important} .field_block .rob_slect{margin-bottom:20px} .submit_col p{float:left} .accord_band{position:relative;z-index:999} .seo_band{padding-bottom:30px !important} .para_outer::after{background:none !important} .accord_band h3{padding-bottom:75px;padding-top:30px} .accord_band span{padding:24px 20px 15px} .inner_expand_first{padding:33px 24px 0} .accord_band li{font-size:16px} .collaps_box.commercial{padding-bottom:30px} .about_robo .about_content span {font-size: 22px;line-height: 35px;} .about_robo .about_img > img{display:block; margin:auto; } .about_robo .about_img {width:100%; } .connect_band{padding:30px 0} .input_block.selected label{bottom:12px} } /********************************* ipad portrait #ip ********************************/ @media only screen and (min-width : 768px) and (max-width: 1000px) { .resp-tabs-list li{font-size:18px} .contact_form .col-md-6{width:100%} .contact_form {padding:30px;} } @media only screen and (min-width : 1001px) and (max-width: 1024px) { .collaps_box.commercial {padding-bottom: 120px !important;} } @media only screen and (min-width : 768px) and (max-width: 1024px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left} .col-md-12 {width: 100%} .col-md-11 {width: 91.66666667%} .col-md-10 {width: 83.33333333%} .col-md-9 {width: 75%} .col-md-8 {width: 66.66666667%} .col-md-7 {width: 58.33333333%} .col-md-6 {width: 50%} .col-md-5 {width: 41.66666667%} .col-md-4 {width: 33.33333333%} .col-md-3 {width: 25%} .col-md-2 {width: 16.66666667%} .col-md-1 {width: 8.33333333%} h1{font-size:38px} h2{font-size:28px} h3{font-size:22px} h4{font-size:21px} p, .content_row ul li, .content_row ol li{font-size:18px} p.intro{font-size:20px} .hidden-tab {display:none} /* Image Alignment */ .alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none} .container{padding-left:40px;padding-right:40px;} .visible_tab{display:block !important} .nav_col {display: none;} .navicon i {bottom: -9px; color: #ffffff; font-size: 10px; font-style: normal; left: -7px;line-height: 0; position: absolute;} .small_container{padding-left:40px;padding-right:40px;} a.navicon {background-color: #1699e5 !important; position: relative; width: 49px; display: block !important;height: auto; padding-bottom: 26px;padding-top: 8px;top: 0;} #page{padding-top:129px;} .main_header {background-color: #2aaf62;padding-bottom:10px;padding-top:10px;} .sticky.main_header { background-color: #2aaf62;padding-bottom:10px;padding-top:10px;} .main_header .main_logo img {max-width: 117px;} .sticky.main_header .main_logo img {max-width: 117px;} .seo_band{padding-top:0} .seo_band h1{font-size:25px;} .seo_band span {font-size:28px;line-height:36px;padding: 0;} .resp-tabs-list li{padding: 43px 15px;} .img_col > img {width: 100%;} .tab_band span {font-size: 25px;line-height:32px;} .tab_band .content_col {padding-bottom: 25px;} .about_img > img {width: 100%;} .about_robo .about_content span {font-size: 25px;line-height: 33px;} .contect_left {padding-left:15px;} .contact_form{padding:20px;} .field_block label{font-size:17px} .input_block.selected label{bottom:15px} .submit_col .rob_btn input {padding: 18px 26px 11px !important;} .submit_col .rob_btn{margin-bottom:15px;} .content_col h2{ font-size:22px;line-height:33px;} .connect_band .phone a {font-size: 30px;line-height: 24px;} .expect_band{background-size:cover} .expect_band .col-md-3.expect_col{z-index:9} .testi_slider {padding: 60px 100px 50px;} .testim_cover{background-size:cover} .testi_slider .owl-prev, .testi_slider .owl-next{width:95px} .mm-listview > li > a, .mm-listview > li > span{text-transform:capitalize !important } .testi_slider .owl-prev{left:0} .testi_slider .owl-next{right:0} .nav_listing.mm-listview a:hover{color:#2aaf62} .contect_btn_mb:hover{color:#FFF !important} .field_block .rob_slect{margin-bottom:20px} .submit_col p{float:left} .collaps_box.commercial {padding-bottom: 14px;} .accord_band li{font-size:16px} .inner_expand_first {padding: 50px 25px 0;} } /********************************* ipad landscape #il ********************************/ @media only screen and (min-width : 1001px) and (max-width: 1500px) { .container{padding-left:40px;padding-right:40px;} .main_header .nav_col li a.rob_btn {padding-bottom:13px !important} .main_header .nav_col li {display: inline-block;margin: 0 18px;} .rob_btn{ padding: 17px 29px 0;} .sticky.rob_btn{ padding: 17px 29px 0;} .sticky.main_header .nav_col li a{font-size:15px;} .sticky.main_header .nav_col ul{margin-top: 0} .main_header .nav_col ul{margin-top: 0} .sticky.main_header{padding-top:10px;padding-bottom:10px;} /*.sticky.main_header .main_logo img {max-width: 155px;}*/ .main_header .nav_col li a.rob_btn {padding: 15px 35px 12px !important;} .sticky.main_header .nav_col li a.rob_btn {padding: 15px 35px 12px !important;} } @media only screen and (min-width : 1101px) and (max-width: 1300px) { .main_header .main_logo img{max-width:195px} .main_header .nav_col li a{font-size:15px;} } @media only screen and (min-width : 1301px) and (max-width: 1500px) { .main_header .main_logo img{max-width:300px} .main_header .nav_col li a{font-size:18px;} .testi_slider .owl-prev{left:2%} .testi_slider .owl-next{right:2%} } @media only screen and (min-width : 1501px) and (max-width: 1600px) { .main_header .main_logo img{max-width:300px} } @media only screen and (min-width : 1501px) and (max-width: 1850px) { .testi_slider .owl-prev{left:5%} .testi_slider .owl-next{right:5%} } @media only screen and (min-width : 1025px) and (max-width: 1100px) { a.navicon {background-color: #1699e5 !important; position: relative; width: 49px; display: block !important;height: auto; padding-bottom: 26px;padding-top: 8px;top: 0;} #page{padding-top:129px;} .main_header {background-color: #2aaf62;padding-bottom:10px;padding-top:10px;} .sticky.main_header { background-color: #2aaf62;padding-bottom:10px;padding-top:10px;} .main_header .main_logo img {max-width: 117px;} .sticky.main_header .main_logo img {max-width: 117px;} .nav_col{display:none} .seo_band{padding-top:0} .seo_band h1{font-size:25px;} .seo_band span {font-size:42px;line-height:52px;padding: 0;} .resp-tabs-list li{padding: 43px 15px;} .img_col > img {width: 100%;} .tab_band span {font-size: 25px;line-height:32px;} .tab_band .content_col {padding-bottom: 25px;} .about_img > img {width: 100%;} .about_robo .about_content span {font-size: 25px;line-height: 33px;} .contect_left {padding-left:15px;} .contact_form{padding:20px;} .field_block label{font-size:17px} .input_block.selected label{bottom:15px} .submit_col .rob_btn input {padding: 18px 26px 11px !important;} .submit_col .rob_btn{margin-bottom:15px;} .content_col h2{ font-size:22px;line-height:33px;} .connect_band .phone a {font-size: 30px;line-height: 24px;} .expect_band{background-size:cover} .expect_band .col-md-3.expect_col{z-index:9} .testi_slider {padding: 60px 100px 50px;} .testim_cover{background-size:cover} .testi_slider .owl-prev, .testi_slider .owl-next{width:95px} .mm-listview > li > a, .mm-listview > li > span{text-transform:capitalize !important} .testi_slider .owl-prev{left:0} .testi_slider .owl-next{right:0} .submit_col p{float:none;max-width:426px} .nav_listing.mm-listview a:hover{color:#2aaf62} .contect_btn_mb:hover{color:#FFF !important} .collaps_box.commercial {padding-bottom: 17px;} .accord_band li{font-size:18px} } @media only screen and (min-width : 1101px) and (max-width: 1300px) { .seo_band{padding-top:0} .seo_band h1{font-size:25px;} .resp-tabs-list li{padding: 43px 15px;} .img_col > img {width: 100%;} .tab_band span {font-size: 25px;line-height:32px;} .tab_band .content_col {padding-bottom: 25px;} .about_img > img {width: 100%;} .about_robo .about_content span {font-size: 25px;line-height: 33px;} .contect_left {padding-left:15px;} .contact_form{padding:20px;} .field_block label{font-size:17px} .input_block.selected label{bottom:15px} .submit_col .rob_btn input {padding: 18px 26px 11px !important;} .submit_col .rob_btn{margin-bottom:15px;} .content_col h2{ font-size:22px;line-height:33px;} .connect_band .phone a {font-size: 30px;line-height: 24px;} .expect_band{background-size:cover} .expect_band .col-md-3.expect_col{z-index:9} .testi_slider {padding: 60px 100px 50px;} .testim_cover{background-size:cover} .testi_slider .owl-prev, .testi_slider .owl-next{width:95px} .testi_slider .owl-prev{left:0} .testi_slider .owl-next{right:0} .collaps_box.commercial {padding-bottom: 40px;} .accord_band li{font-size:18px} } @media only screen and (min-width : 1301px) and (max-width: 1343px) { .testi_slider {padding: 34px 160px 40px;} .col-md-3.expect_col{z-index:9} } /* ================================= Small Computer #Sc ================================= */ @media only screen and (min-width : 1300px) { .first_col , .first_li{padding-left:0 !important; margin-left:0 !important} .last_col , .last_li{padding-right:0 !important; margin-right:0 !important} } /* ================================= Large Computer #lc ================================= */ @media screen and (min-width: 1450px) {} /* IE10 Only CSs */ @media screen and (min-width:0\0) {} /* ie10, ie11+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}