body a { transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; } html, body{ font-size: 100%; font-family: 'Roboto Condensed', sans-serif; } body{ background:#FFFFFF; } body.font-size p { font-size:16px; } /*==============================ExtraCss=====================================================================*/ p.paratoo{line-height:29px; padding:20px; margin-top:30px; display:block;} #eventimage{ background: url(../images/innerbanenr/Exhibitions.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover; } #laminated-rolls{ background: url(../images/innerbanenr/Roll.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover; } #polyester{ background: url(../images/innerbanenr/Polyester.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #bopp-laminated{ background: url(../images/innerbanenr/innartop.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #design{ background:url(../images/innerbanenr/Design.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #printing{ background:url(../images/innerbanenr/Printing.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #quality{ background:url(../images/innerbanenr/quality.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #team{ background:url(../images/innerbanenr/ourteam.jpg)no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #client{ background:url(../images/innerbanenr/clients.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #career{ background:url(../images/innerbanenr/career.jpg)no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} #contact1{ background:url(../images/innerbanenr/CONTACT.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover;} .example-animation{z-index:1;} .productsdetails{/*! display:none; */} .srctionimg1{background:url(../images/products/service.jpg); background-size:cover; background-position: center;} .srctionimg1:hover{background:url(../images/products/widthoutcolo/service.jpg); background-size:cover; background-position: center;} .srctionimg2{background:url(../images/products/service2.jpg); background-size:cover; background-position: center;} .srctionimg2:hover{background:url(../images/products/widthoutcolo/service2.jpg); background-size:cover; background-position: center;} .srctionimg3{background:url(../images/products/service3.jpg); background-size:cover; background-position: center;} .srctionimg3:hover{background:url(../images/products/widthoutcolo/service3.jpg); background-size:cover; background-position: center;} .logodoo{padding:20px 0;} .persondoo{height:300px; background-color:#F6F5F5;} .persondoo hr{background-color:#333;} .persondoo .fa{margin-right:10px;} .persondoo h3{ text-align:center; font-size:18px; text-transform:uppercase; display:block; margin-top: 0px; padding-top:20px; padding-bottom:20px; margin-bottom: 32px; color: #000; border-bottom: 1px solid #ccc; font-weight: 600; } .persondoo p{padding:5px 10px; margin: 4px 0 0px; font-size:14px;font-weight: 600;} .srctionsize{color:#FFF;} #news{padding:2em 0;} .srctionsize:hover{color:#FFF;} .textposstion h3{font-size:18px; text-transform:uppercase; font-weight:800;} .textposstion p{font-size:13px;} .srctionsize{height:350px; position:relative;} .textposstion{position: absolute; top: 0%; left: 0%; padding: 60px; padding-top: 58px; bottom:0%; border:1px solid #FFF;} .srctionsize .textposstion:hover{opacity:0;} .logineheader{padding:0.3em 0;} .logineheader ul li{list-style-type:none; display:inline-block;} .logineheader li, .logineheader a{color:#FFF;font-size: 13px;/*! font-weight: 600; */} .logineheader .fa{padding:4px; font-size:12px; color:#050505; border-radius:50px; border:1px solid #FFF; margin-right:5px;background: #fff;} li.emaildoleft{margin-left:30px;} a#Find-us-here{background-color:orangered; color:#FFF; padding:10px; border:1px solid orangered; font-weight:600;} a#Find-us-here:hover{background-color:#FFF; color:orangered; border:1px solid orangered;} #mainbannerinnf img{box-shadow:0px 2px 2px #000; border:1px solid #CCC; padding:5px;} #mainbannerinnf img:hover{box-shadow:0px 6px 19px #000; background-color:#036;} .logineheader p a{font-size:12px; text-transform:; font-weight:600; margin-top:5px; padding:1px 10px; border-radius:10px; text-decoration:none; background-color:#FFF; color:#000; border:1px solid #FFF;} .logineheader p a:hover{background:none; color:#FFF;} .logineheader {/*! padding:0px; */ background-color:#131362;clear: both;} .classdasd{margin-top:4em;} #innercliemnr img{border: 0px solid #d7d7d7;} .marq-wraper { padding:20px 0; } .marq-wraper img{width: 130px; border: 1px solid #ddd; padding: 0 10px; } #aboutfot22 h2{font-size:24px; font-weight:600; color:#039; } #aboutfot22 h3{font-size:18px; font-weight:600; color:#039; } #aboutfot22 h4{font-size:16px; font-weight:600; color:#039; } #aboutfot22 p{color:#666; font-size:14px; line-height:2em; margin:1em 0 1em 0;} #aboutfot22 span{} #aboutfot22 ul{ padding-left:10px; } #aboutfot22 ul li{ padding:5px 0; font-size:14px; } .eve h2{ font-size: 24px; font-weight: 600; color: #039; } .eve p{ color: #666; font-size: 14px; line-height: 2em; margin: 1em 0 1em 0; } ul.cla li { padding: 5px 0; font-size: 14px; } .cllolddes{height:195px; margin-top:1em; background-color:#F3F3F3; padding:20px;} #iserbg{} .listpouchdewsign ul li{list-style-type:none; font-size:14px; } .listpouchdewsign .col-md-6 ul{padding:0; margin:0;} .listpouchdewsign li a{font-size:14px; color:#e8e4e4; display:block; text-decoration:none; padding:5px 10px; border-bottom:1px solid #EBEBEB; font-weight:500;background: #ed2c30;} .listpouchdewsign li a:hover{background-color:#fff; color:#ed2c30;} #js-main-slider { /*! z-index: -1; */ } /*ProductsZoomBox*/ #datss .grid figure { position: relative; float: left; overflow: hidden; margin: 2px 2px; min-width: 32.3333%; width: 1%; height: 100%; } #datss figure.effect-julia p { display: block; margin: 8em 0 0em; padding:0px; } #datss figure.effect-julia { background: #fff; border:1px solid #ccc; } #datss .effect-julia a { display: block; color:#FFF; text-decoration:none; padding:5px 4px; text-align:center; background-color:#F00; } #datss figure.effect-julia h3 { position: relative; padding: 0.3em 0; margin-top: 0em; font-size: 14px; text-shadow: 0px 0px 0px #000; } /*End*/ .header{z-index:9999;position: relative;} #abpout2 a{width:10%; /*! margin:0px auto; */float: right;} #effect-julia h3{color:#FFF;text-align: center; background: #404296;} p.lerfta{margin-left:33px;} /*--common style--*/ .grid { position: relative; clear: both; margin: 0 auto; padding: 2em 0 0em; list-style: none; text-align: center; } .grid figure { position: relative; float: left; overflow: hidden; margin: 2px 2px; min-width: 376px; width: 1%; height: 100%; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; width: 100%; } .grid figure figcaption { padding: 1em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 600; color: #FFFFFF; margin-left: 5px; } .grid figure h2 { font-size: 1.2em; } /***** Hera *****/ /* Individual effects */ /*---------------*/ /***** Julia *****/ /*---------------*/ figure.effect-julia { background: #2f3238; } figure.effect-julia img { max-width: none; height: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-julia figcaption { text-align: left; } figure.effect-julia h3 { position: relative; padding: 0.5em 0; margin-top: 5em; font-size: 15px; /*! text-shadow: 0px 2px 2px #000; */ font-weight: 500; } figure.effect-julia p { display: inline-block; margin: 3em 0 0em; padding: 0.4em 1em; background: hsla(0, 7%, 8%, 0.76); color: #fff; text-transform: none; font-weight: 400; font-size: 13px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); text-align: justify; } figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /*--/effect-grid--*/ #text-1{padding:20px !important; } #text-1 h2{color:#FFF; text-transform:uppercase; margin-bottom:20px;} #text-1 p{color:#F4F4F4;} #text-2{padding:20px !important; } #text-2 h2{color:#876348; text-transform:uppercase; margin-bottom:20px;} #text-2 p{color:#333;} .about1{background-color:#4e555d; height:400px; overflow:hidden;} .about2{background-color:#FFF; height:400px; overflow:hidden;} #aboutfotmat{padding:0 0; z-index:-1} #aboutfotmat .col-md-6{padding:0;} #aboutfotmat h2{font-size:22px; text-align:left; font-weight:600; } #aboutfotmat p{font-size:14px; line-height:1.5em; text-align:justify;} .single_advisor_details_info .col-md-4, .single_advisor_details_info .col-md-8{padding:0; height:40px;} .single_advisor_details_info .col-md-4 p{ color:#FFF;} .single_advisor_details_info .col-md-4{background:#404296;} .single_advisor_details_info .col-md-8{background:#666; color:#333;} .single_advisor_details_info p{text-align:center; padding:10px; ; color:#FFF;} /*-- //offer --*/ /*-- offer-bottom --*/ .w3l_services_footer_top_right_main:nth-child(2) { margin: 3em 0; } .w3l_services_footer_top_left img { margin: 0 auto; } .w3l_services_footer_top_right_main_l{ float:left; } .w3l_services_footer_top_right_main_l h3{ font-size: 1.2em; color: #ff464f; padding-right: 2em; border-right: 1px solid #212121; margin: 1.8em 0 0; } .w3l_services_footer_top_right_main_l1{ float:left; margin:0 4em; } .w3ls_service_icon{ width: 70px; height: 70px; border: 2px solid #0accff; border-radius: 40px; text-align: center; } .w3ls_service_icon i{ font-size: 2em; color: #0accff; padding-top: .5em; } .w3l_services_footer_top_right_main_r{ float:right; width: 50%; } .w3l_services_footer_top_right_main_r a{ font-size: 1em; color: #212121; text-decoration: none; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; } .w3l_services_footer_top_right_main_r a:hover{ color: #0accff; } .w3l_services_footer_top_right_main_r p{ margin:1em 0 0; color:#999; line-height:2em; } .agileits_portfolio_sub_grid { background: #020202; } .w3_agile_portfolio_grid1{ margin-top:2em; overflow: hidden; } .agileits_portfolio_sub_grid .w3layouts_port_head { content: ''; z-index: 1; position: absolute; left: 49%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; filter: alpha(opacity=0); margin-top: 100px; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .w3_agile_portfolio_grid1:hover .agileits_w3layouts_team_grid img { opacity: 0.8; } .w3_agile_portfolio_grid1:hover .agileits_w3layouts_team_grid .w3layouts_port_head { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } .w3layouts_port_head h3{ font-size: 1em; letter-spacing: 5px; color: #fff; text-transform: uppercase; padding: 0.5em 1em; background: #ff464f; } /*-- //offer-bottom --*/ /*-- portfolio --*/ /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .w3ls_services_bottom_grid_grid:hover .w3ls_services_bottom_grid_grid_pos{ border: 5px solid #fff; background:#F58703; } .w3ls_services_bottom_grid_grid:hover .w3ls_services_bottom_grid_grid_pos h4{ color:#fff; } .services-icons h3{ font-size:2em; color:#212121; line-height:1.8em; text-align:center; width:80%; margin:0 auto; } .services-icons h3 span{ color:#F58703; } .more{ margin:3em 0 0; text-align:center; } .more a{ padding:10px 30px; background:#212121; font-size:1em; color:#fff; } #categories{margin:3em 0;} .iimgsrf{width:100%; border:1px solid #CCC; padding:5px; } .productsdetails{padding:2em 0;} .productsdetails h3{font-size:22px; color:#ed2c30; text-transform:uppercase;font-weight: 600;} .productsdetails p{color:#252525; font-size:14px; line-height:2em;text-align: justify;} .productsdetails img{border: 1px solid #d7d7d7;} #thumbnail{margin-bottom: 0px !important;} p#hedcolor{color:#FFF;} p.prabt{color:#202020; font-size:14px; line-height:1.5em; margin-bottom:20px;text-align: left;} p.urna{ color:#999; padding:.5em 0 1em; /*! line-height:1.8em; */ position:relative; text-align:center; font-weight: 500 !important; font-size: 14px; } p.urna:after{ content: ''; background: #3e4095; width: 10%; height: 2px; position: absolute; bottom: 0%; left: 45%; } .wthree_more a{ padding:7px 8px; border:1px solid #666; font-size:12px; text-transform:uppercase; text-decoration:none; color:#fff; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; display:block; background:#3e4095; text-align:center; } /* Wayra */ .button--wayra { overflow: hidden; width: 43%; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); margin:0px auto; } .button--wayra::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F62B2B; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; } .button--wayra:hover { color: #fff; } .button--wayra.button--inverted:hover { color: #3f51b5; border-color: #fff; } .button--wayra:hover::before { opacity: 1; background-color:#f62b2b; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--wayra.button--inverted:hover::before { background-color: #fff; } /*Drop Down Menu*/ .nav li:hover > ul { /*these 2 styles are very important, being the ones which make the drop-down to appear on hover */ visibility:visible; opacity:1; } .nav ul, .nav ul li ul { position:absolute; list-style: none; margin: 0; padding: 0; /*the next 2 styles are very important, being the ones which make the drop-down to stay hidden */ visibility:hidden; opacity:0; position: absolute; z-index: 99999; min-width:160px; display:block; background:#314544; box-shadow:1px 1px 3px #ccc; /* css3 transitions for smooth hover effect */ } .nav ul, .nav ul li ul ul { position:absolute; list-style: none; margin: 0; padding: 0; /*the next 2 styles are very important, being the ones which make the drop-down to stay hidden */ visibility:hidden; opacity:0; position: absolute; z-index: 99999; display:block; background:#314544; box-shadow:1px 1px 3px #ccc; /* css3 transitions for smooth hover effect */ } .nav ul, .nav ul li{width:225px;} .nav ul ul { top: 32px; left: 225px; } ul#nav22 { top: 65px; left: 225px; } ul#nav33 { top: 325px; left: 245px; } .nav ul { top: 70px; left: -50px; } .nav ul li { clear:both; width:100%; border:0 none; border-bottom:1px solid #c9c9c9; } .nav ul li a { background:none; padding:7px 15px; color:#FFF; text-decoration:none; display:inline-block; border:0 none; clear:both; width:100%; min-width:170px; } .nav ul li a:hover{background-color:#999; color:#000;} /*End*/ .imglogores{width:350px;} /*-- banner section --*/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .fl { float: left; } .row { width: 100%; } .grid12 { float: left; padding-left: 0.5em; padding-right: 0.5em; } .small12 { width: 100%; } .small3 { width: 25%; } .slideDemos { width: 100%; } .slideDemos-single { -webkit-border-radius: 3px; border-radius: 3px; margin-top: 1em; } .slideDemos-single .pogoSlider { height: 225px; } .slideDemos-single h3 { text-align: center; margin-top: 90px; color: #fff; font-weight: 700; } .pogoSlider-slide-element { -webkit-animation-fill-mode: both; animation-fill-mode: both; margin-top: 350px!important; } .pogoSlider-slide-element h3 { color: #fff; font-weight: normal; font-size: 24px; padding:20px; padding-bottom: 30px; text-transform: uppercase; position: relative; text-shadow: 0px 2px 2px #000; background: rgba(0, 0, 0, 0.38); width: 50%; margin-left:5%; font-weight:500; } .pogoSlider-slide-element h3:after { content: ''; background-color: #FFF; height: 5px; width: 84%; left: 5%; bottom: 0; position: absolute; } .pogoSlider-nav-btn { width:15px; height:15px; } /*-- /banner section --*/ /*-- news --*/ .content-mid1{ padding:0; } .content-mid2{ padding:2.2em 2em; /*! background-color: #FCFCFC; */ text-align:center; } .content-mid-img{ background: url(../images/g1.jpg) no-repeat center; background-size: cover; min-height: 410px; } .content-mid-img1{ background: url(../images/g6.jpg) no-repeat center; background-size: cover; min-height: 410px; } .news-w3lsleft h5 { font-size: 1.7em; letter-spacing: 2px; font-weight: 700; margin-bottom: 0.3em; } .news-w3lsleft h5 a { color: #000; text-decoration: none; } .news-w3lsleft h5 a:hover{ color: #000; } .news-w3lsleft,.latest-grid { padding: 0; } .news-w3lsleft { text-align: right; } .news-w3lsleft.in-news { text-align: left; padding-left: 1em; } .news-agileitsinfo { padding: 2em 0 0; } .news-w3lsright h4 { color: #f44336; font-size: 1.8em; letter-spacing: 2px; text-transform: uppercase; text-align: center; font-weight: 700; border: 1px solid #f44336; -webkit-border-radius: 50%; -o-border-radius: 50%; -mos-border-radius:50%; -moz-border-radius: 50%; border-radius: 50%; width: 70px; height: 70px; padding: 0.5em 0 0; } .news-w3lsright h4 span { display: block; font-size: 0.7em; } /*-- //news --*/ /*--sevices-section--*/ .sevices-w3layouts h3 { color: #fff!important; } .sevices-w3layouts{ /*! background:url("../images/s2.jpg") no-repeat 0px 0px; */ background-size:cover; } .sevices-w3layouts p.w-text { margin-top: 1em; } .sevices-w3layouts-row { margin-top: 4em; } .sevices-w3layouts-grids { /* border: 1px solid #fff; */ padding: 0em 2em; /*! width: 24.5%; */ position: relative; transition: .5s all; -webkit-transition: .5s all; -o-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; overflow: hidden; text-align: center; background: #fff; height: 100px; } .sevices-w3layouts-grids.sevices-w3layouts-mdl { margin: 0 2.3em; } .sevices-w3layouts-grids.sevices-w3layouts-mdl1 { margin-right: 2.5em; } .sevices-w3layouts-grids h5 { font-size: 15px; text-transform: uppercase; color:#3E4095; font-weight: 600; margin-top: 7px; margin-bottom: 0px; } .sevices-w3layouts-grids p { margin-top: 0.4em; font-size:14px; color:#000; } .sevices-w3layouts-row .social-icons { margin: 1em 0 0; } .sevices-w3layouts-img{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: .7s all; -webkit-transition: .7s all; -moz-transition: .7s all; -ms-transition:.7s all; } .c1{ background-color: #416d77; } .c2{ background-color: #395e71; } .c3{ background-color: #416d77; } .c4{ background-color: #395e71; } .sevices-w3layouts-img i { color: #fff; font-size: 1.5em; margin-top: 1em; } .sevices-w3layouts-grids:hover div.sevices-w3layouts-img { top:100%; } /*--//services-section--*/ /*-- news --*/ .w3_agile_para{ margin:.5em 0 0; color:#999; } .agile_head:after{ content: ''; width:10%; height: 1px; background: #f62b2b; position: absolute; bottom: 0%; left: 0%; } .agile_head{ padding-bottom:.3em !important; } .w3_agileits_news_grid img{border:1px solid #f62b2b; padding:4px;} .w3_agileits_news_grid{ position:relative; } .w3_agileits_news_grid_pos{ position: absolute; bottom: -7%; left: 8%; width: 85%; padding: .5em; background: #f62b2b; } .w3_agileits_news_grid_pos h4{ text-align: center; text-transform: capitalize; font-size: 14px; margin-top: 0px; margin-bottom: 0px; font-weight:600; color: #fff; } .agileits_w3layouts_news_grid h5{ margin:2em 0 1em; } .agileits_w3layouts_news_grid h5 a{ font-size: 1.3em; color: #212121; text-transform: capitalize; text-decoration:none; } .agileits_w3layouts_news_grid h5 a:hover{ color:#0a9dbd; } .agileits_w3layouts_news_grid h5 a:focus,.agileits_more ul li a.hvr-icon-hang:focus,.agileits_w3layouts_sign_in ul li a:focus{ outline:none; } .agileits_w3layouts_news_grids,.w3layouts_team_grids,.w3_agile_portfolio_grids,.agileits_w3layouts_contact_grids{ margin: 3em 0 0; } .agileits_w3layouts_news_grid p{ /*! line-height:1.3em; */ color:#525151; font-size: 13px; text-align: justify; margin-top: 30px; margin-bottom: 20px; } /*--flexisel--*/ .flex-slider{ background:#222227; padding: 70px 0 165px 0; } #flexiselDemo1 { display: none; } .nbs-flexisel-container { position: relative; max-width: 100%; } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; } .nbs-flexisel-inner { overflow: hidden; margin: 0px auto; padding:2em 0 0; } .nbs-flexisel-item { float: left; margin: 0; padding: 0px; position: relative; /*! line-height: 35px; */ } .nbs-flexisel-item > img { cursor: pointer; position: relative; } /*-- testimonials --*/ .testimonials{ background:#3a3b40; } .w3layouts_event_left{ padding:0; } .w3layouts_event_right{ padding:1em 0 0 3em; } .w3layouts_event_right h3{ font-size: 20px; color: #f62b2b; text-transform: uppercase; /*! letter-spacing: 5px; */ font-weight: 600; margin-top: 40px; } .w3layouts_event_right_para{ position: relative; z-index: 1; margin:1em 0; } .w3layouts_event_right_para p{ font-size: 1.1em; color: #fff; width: 80%; line-height: 2em; } .w3layouts_event_right_para_pos{ position:absolute; top:0%; left:0%; z-index: -1; } .w3layouts_event_right_para_pos i{ font-size: 3em; color: #059dc5; } .w3_agile_event_right_grid_left img{ border:5px solid #f62b2b; border-radius:100px; margin:0 auto; } .w3_agile_event_right_grid_right h4{ font-size: 1em; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin: 2em 0 .5em; } .w3_agile_event_right_grid_right p{ color:#929292; text-transform:capitalize; } /*-- //testimonials --*/ /*-- contact --*/ #contact{ background:#253b50; padding: 2em 0 1em; } .contact-left{ padding:20px 0 0px; float:left; } .contact-right { padding:20px 0 0px 60px; float:right; } .contact-left h2 ,.contact-right h3{ font-size: 25px; color: #fff; } .contact-left p.para { color: #9caec2; line-height: 2.2em; font-size: 15px; padding-bottom:50px; border-bottom:1px solid #9caec2; margin-top: 30px; } .copy-right{ color: #9caec2; font-size: 13px; margin-top: 4em; border-top: 1px solid #9caec2; padding: 2em 0; } .copy-right a { color: #9caec2; text-decoration:none; } .copy-right a:hover { color:#FDA30E; } ul.linksub {padding:0; margin-top:1em;} ul.linksub li{list-style-type:none;} ul.linksub li .glyphicon-menu-right{font-size:8px;} ul.linksub li a{color:#72a1cd; font-size:13px; margin-bottom:0.6em; display:block; text-decoration:none;border-bottom: 1px solid #405d79;padding: 5px 0;} ul.linksub li a:hover{background-color:#ed2c30; color:#FFF;} #contact h2{font-size:16px; text-transform:uppercase; color:#5a89b5;} .strip{ background: #00b4f9; width: 50px; height: 2px; margin-top: 20px; } .contact-left { border-right: 1px solid #9caec2; } .contact-right input[type="text"], .contact-right input[type="email"] { border: 1px solid #fff; width: 38%; margin: 0 0 1.9em 0; outline: none; font-size: 13px; color: #fff; padding: 10px 12px; -webkit-appearance: none; background: none; } .contact-right input[type="submit"] { border: none; padding: 7px 0 9px; width: 22%; margin-top: 0px; font-size: 18px; color: #fff; letter-spacing: 1px; outline: none; background: #FDA30E; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -webkit-appearance: none; } .contact-right input[type="submit"]:hover{ background: #00A4E4; } .contact-right form{ margin-top:35px; } ul.con-icons li { color: #72a1cd; list-style-type: none; font-size: 13px; display:inline-block; margin-right:9px; margin-bottom: 18px; } ul.con-icons li span { top: 3px; font-size: 20px; margin-right: 10px; color: #fff; } ul.con-icons li a { color: #9caec2; text-decoration:none; } ul.con-icons li a:hover { color:#FDA30E; } ul.con-icons{ margin:28px 0; padding: 0; } .fb_icons{ margin-bottom:40px; } .fb_icons li{ list-style-type:none; display:inline-block; margin:0 2px; overflow:hidden; height:32px; } .fb_icons li a{ width: 32px; height: 32px; display: inline-block; border: 1px solid #9caec2; } .fb_icons li a.fb{ background: url(../images/social.png) no-repeat -48px -7px; } .fb_icons li a.twit{ background: url(../images/social.png) no-repeat -7px -7px; } .fb_icons li a.goog{ background: url(../images/social.png) no-repeat -88px -7px; } .fb_icons li a.pin{ background: url(../images/social.png) no-repeat -130px -7px; } .fb_icons li a.drib{ background: url(../images/social.png) no-repeat -171px -7px; } /*-- //contact --*/ /*==========================================End===========================================================*/ /*-- header-top --*/ .header-top{ padding:1em 0; background:#212121; } .w3layouts-address{ float:left; } .w3layouts-address ul{ padding:0; margin:0; } .w3layouts-address ul li{ display:inline-block; margin:0; color:#FFFFFF; font-size:.9em; } .w3layouts-address ul li a{ color:#FFFFFF; text-decoration:none; } .w3layouts-address ul li:nth-child(2){ margin-left:1em; } .agileinfo-social-grids{ float:right; } .agileinfo-social-grids ul{ padding:0; margin:0; } .agileinfo-social-grids ul li{ display: inline-block; } .agileinfo-social-grids ul li a { color: #333; text-align: center; } .agileinfo-social-grids ul li a i.fa.fa-facebook{ color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileinfo-social-grids ul li a i.fa.fa-facebook:hover { color: #3b5998; } .agileinfo-social-grids ul li a i.fa.fa-twitter{ color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileinfo-social-grids ul li a i.fa.fa-twitter:hover{ color: #55acee; } .agileinfo-social-grids ul li a i.fa.fa-rss{ color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileinfo-social-grids ul li a i.fa.fa-rss:hover{ color: #f26522; } .agileinfo-social-grids ul li a i.fa.fa-vk{ color: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileinfo-social-grids ul li a i.fa.fa-vk:hover{ color: #45668e; } .agileinfo-social-grids ul li:nth-child(2){ margin: 0 1em; } .agileinfo-social-grids ul li:nth-child(3){ margin:0 1em 0 0; } /*-- //header-top --*/ /*-- header --*/ input[type="submit"],.w3l_banner_info_left_grid_left h3 a,.w3agile_footer_copy p a,.reply a,.agile_cat_grid_tags ul li a:hover,.agile_cat_grid ul.categories li a,.w3l_admin a,.w3ls_single_left_grid_right ul li a,.wthree_features_services_grid h4 a,.agile_services_bottom_grid_left_grid a,.simplefilter li,.agileinfo_footer_grid ul li a,.w3l_banner_info_left_grid1,.agile_blog_grid h4 a{ transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; } .header { background: #fff; } .navbar-default { background: none; border: none; } .navbar { margin-bottom: 0; } .navbar-collapse { padding: 0; box-shadow: none; } .navbar-default .navbar-brand { color: #fff; } .w3layouts-logo { margin: .7em 0 .7em 0; } .w3layouts-logo h1{ margin:0; } .w3layouts-logo h1 a { font-size: 1em; letter-spacing: 2px; text-transform: uppercase; color: #212121; text-decoration: none; font-weight: 700; } .w3layouts-logo h1 a span{ font-size: .6em; letter-spacing: 2px; text-align: right; color: #86c724; } .navbar-nav { float: right; margin: 15px 0; } .navbar-default .navbar-nav > li > a { color: #000; /*! font-weight: 600; */ } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #262788; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ed2c30; } .navbar-nav > li > a { font-size: 14px; padding: 25px 5px; text-transform: uppercase; margin-right: 0px; /*! font-weight: 700; */ } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #262788; /*! background-color: #262788; */ } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; color: #262788; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; display:none; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: #262788; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } ul.dropdown-menu { background: #212121; box-shadow: 0 0 0; border: none; margin: 0; /*! top: 2.4em; */ left: 0; min-width: 97px; } .dropdown-menu > li > a { display: block; padding: 6px 11px !important; clear: both; margin: 0 !important; font-weight: normal; line-height: 1.42857143; color: #FFF !important; border: none !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: none; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 103%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-width: 5px 0 5px 5px; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #86c724 !important; outline: 0; } /*-- //header --*/ .main { width: 100%; margin: 0 auto; background: #161923; } .main h1 { padding:20px 50px; float: left; width: 100%; font-size: 90px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 100; color: black; margin: 0; margin-top: 70px; letter-spacing: -1px; } .main h1.demo1 { background: #1ABC9C; } .reload.bell { font-size: 12px; padding: 20px; width: 45px; text-align: center; height: 47px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; } .reload.bell #notification { font-size: 25px; line-height: 140%; } .reload, .btn{ display: inline-block; border: 4px solid #A2261E; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #CC3126; display: inline-block; line-height: 100%; padding: 0.7em; text-decoration: none; color: #fff; width: 100px; line-height: 140%; font-size: 17px; font-family: open sans; font-weight: bold; } .reload:hover{ background: #A2261E; } .page_container { max-width: 70%; margin: 50px auto; } .header .menu { padding-bottom: 10px; } .image { float: right; } .content { margin: 4em 0 0 0; } .content h3{ font-size: 2.5em; letter-spacing: 2px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; font-weight: 700; font-family: 'Roboto', sans-serif; margin: 0; } .content h3 span{ color: #86c724; } .content p{ font-size:.9em; line-height:1.8em; margin:1em 0 0 0; color:#FFFFFF; } .image img{ width:100%; } /*-- domain --*/ .domain { background: #e7f4f8; padding: 3em 0; } /*--domain_registration--*/ .column.first { margin-left: 0; } .search-form input[type="text"] { display: inline-block; line-height: normal; width: 40%; } .one-fifth { width: 14.4%; } .column { float: left; margin: 0 0 0 1%; min-height: 1px; position: relative; } .selection-box { display: block; position: relative; } .search-form .column input[type="text"], .search-form .column input[type="submit"], .search-form .column select { width: 100%; } .selection-box select { background: #FFFFFF; } .search-form .column .selection-box:after { height: 46px; } .selection-box:before, .selection-box:after { content: ""; pointer-events: none; position: absolute; } .three-fifth { width: 38.59%; } .m_2{ margin-top:0; } .two-fifth { width:15.2%; } .three-fifth input[type="text"]{ background: #fff; border: 1px solid #D9E9ED; color: #212121; padding: 17px; display: block; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; width: 100%; outline: none; } .one-fifth select { background: #fff; border: 1px solid #D9E9ED; color: #212121; background-image: url(../images/icon.png); background-position: center right 10px; background-repeat: no-repeat; border-radius: 0; cursor: pointer; display: block; font-size: 14px; outline: medium none; padding: 17px; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .one-fifth input[type="submit"]{ padding:14px 40px; } .two-fifth h2{ font-size: 1.2em; text-transform: uppercase; color: #212121; text-decoration: none; font-weight: 700; font-family: 'Roboto', sans-serif; margin: 0; } .two-fifth h2 span{ color: #86c724; display:block; } .one-fifth input[type="submit"] { background: #212121; display: inline-block; color: #FFF; text-transform: uppercase; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; border: none; cursor: pointer; outline: none; font-size: 0.85em; padding: 17px 50px; font-weight: 600; } .m_3 input[type="submit"] { margin-top:0; } .one-fifth input[type="submit"]:hover, .form-submit input[type="submit"]:hover{ background: #86c724; text-decoration: none; color: #fff; } /*-- //domain --*/ /*--news-starts--*/ .news { padding:3em 0px; } .news-top{ text-align:center; } .news-bottom{ margin-top:4%; } .news .w3-banner-bottom-heading h3{ margin-bottom:20px; font-size:28px;} .news .more{ margin:20px 0 0;} .news-left{ padding:0; background:#000; } .news-left img{ width:100%; height:100%; transition:all 1s; transform: rotate(5deg); } .news-left img:hover{ opacity:0.9; transform: rotate(0deg); } .news-right { padding: 3em 2em 2em 2em; border: 1px solid #f44336; text-align: left; } .news-right h4{ margin:0; } .news-right a h4 { font-size: 2.2em; margin: 0; color: #BB917B; text-transform: uppercase; letter-spacing: 1px; } .news-right a h4:hover{ color:#2a292b; } .news-right h5{ color: #D1D0D2; margin: 12px 0px; font-size: 1.5em; letter-spacing: 1px; } p.one{ color: #333; line-height: 1.7em; font-size: 0.8em; margin-top: 10px; margin-bottom:5; } .news-one{ margin-top:2.5%; } .news-one:nth-child(1){ margin-top:0%; } /*-- banner-bottom --*/ .banner-bottom,.special,.w3-agile-testimonial,.subscribe,.agileits-about-top,.w3-agileits-choose-grid,.team,.shared-grid,.cloud-grid,.vpn-grid,.w3-best-services,.w3ls-featured-services,.faq,.registration,.codes,.typography ,.contact{ padding: 4em 0; background:url(../images/img/hands-image.jpg); background-size:cover; } .w3-banner-bottom-heading{ text-align:center; } .w3-banner-bottom-heading h3{ font-size: 28px; /*! letter-spacing: 2px; */ text-transform: uppercase; color: #3e4095; text-decoration: none; font-weight: 600; font-family: 'Roboto', sans-serif; margin: 0; } .w3-banner-bottom-heading h3 span{ color: #f44336; } .agileits-banner-bottom{ margin:4em 0 0 0; } .services-grid-left h4{ text-transform: capitalize; font-size: 1.2em; color: #fff; margin:1em 0; font-family: 'Roboto', sans-serif; } .services-grid-left p{ color: #f5f5f5; line-height: 1.8em; font-size: .9em; } .agileinfo-services-grids{ margin: 5em 0 0 0; } .services-grid-right-grid{ width: 100px; height: 100px; background: #f5f5f5; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; text-align: center; margin: 0 auto; } .services-grid-right-grid span{ color: #ffffff; font-size: 2em; top: 1.1em; } .services-grid1 { text-align: center; } .services-grid-right { text-align: center; } .services-grid-left1{ text-align:left; } .services-grid1:nth-child(2){ padding:3em 0; } .services-grid1:hover .services-grid-right-grid{ color:#fff; } .services-grid1:hover .services-grid-left h4{ color: #86c724; } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(39, 160, 216, 0.67); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .services-grid-right-grid:before { background: #f44336; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before,.hvr-radial-out:active:before,.services-grid1:hover .hvr-radial-out:before{ -webkit-transform: scale(1); transform: scale(1); } .hvr-radial-out:focus:before { outline: none; } .blue-grid { background: #67d6ff; } .orange-grid{ background: #eea303; } .green-grid{ background: #5bd899; } .red-grid{ background: #ff9359; } /*-- //banner-bottom --*/ /*-- about --*/ h3.w3title-agile { color: #3e4095; font-size: 30px; margin-bottom: 0.6em; text-align: center; text-transform: uppercase; /*! letter-spacing: 4px; */ font-weight: 600; margin-top: 0px; } .about { /*! background: url(../images/img/1.jpg) no-repeat 0px 0px; */ background-size: auto auto; padding: 4em 0; background-size: cover; background: #062534; } .whyimg{ padding-top:25px;} .about h3{ /*! margin-bottom:50px; */} .wthree_about_grid-left1{ text-align: center; } .wthree_about_grid-left1 span { font-size: 1.5em; color: #555; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border: 2px dashed; padding: 0.8em; } .about h4 { font-size: 1.5em; font-weight: 600; letter-spacing: 2px; margin-bottom: 20px; color: #FFF; } .wthree_about_grid { margin-top: 3em; } .wthree_about_grid-left { padding: 0; } .wthree_about_grid-right { padding: 0.3em 0 0 1em; } .about h5 { text-transform: capitalize; font-weight: 200; color: #f44336; font-size: 1.3em; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 2px; margin-bottom: .3em; } .about iframe { width: 100%; min-height: 415px; border: 20px double #a4b5b7; } .bars-w3ls-row { margin-top: 0em; } /*-- progress-bars --*/ .bar_group { position: relative; z-index: 0; } .bar_group__bar.thin::before{ display: block; content: ''; position: absolute; z-index: -1; width: 100%; height: 10px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; background: #c5d9db; } .bar_group__bar.thin { width: 0%; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f44336; margin-bottom: 10px; -webkit-transition: width 1s; transition: width 1s; -moz-transition: width 1s; margin-bottom: 2em !important; } .bar_label_max { position: absolute; right: 0; font-size: .8em; margin-top: 1em; color: #062534; } .bar_label_min { position: absolute; left: 0; font-size: .8em; margin-top: 1em; color: #062534; } .b_tooltip { -webkit-transition: all 1s; transition: all 1s; -moz-transition: all 1s; position: relative; float: left; left: 100%; padding: 4px 10px 7px 10px; background-color:#fff; -webkit-transform: translateX(-50%) translateY(-30px); -ms-transform: translateX(-50%) translateY(-30px); transform: translateX(-50%) translateY(-30px); -moz-transform: translateX(-50%) translateY(-30px); -o-transform: translateX(-50%) translateY(-30px); -webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius: 2px; line-height: 11px; } .b_tooltip span { color: #000; font-size: 1em; } .b_tooltip--tri { width: 0; height: 0; position: absolute; content: ''; bottom: -5px; left: 0; right: 0; margin: auto; display: block; border-style: solid; border-width: 5px 5px 0 5px; border-color: #fff transparent transparent transparent; } .b_label { margin-bottom: 1em; color: #FFF; font-size: 16px; text-transform: uppercase; } /*-- //progress-bars --*/ /*-- //about --*/ /*-- special --*/ .special{ background: #fff; } .wthree-special-grid{ margin:4em 0 0 0; } /*-- pricing --*/ .pricing { margin: 0 auto; box-shadow: 0 0px 3px #c3c3c3; } .pricing-top{ padding: .2em 0; background:#fd5c63; text-align:center; } .blue-top{ background: #67d6ff; } .green-top{ background: #86c724; } .pricing-top h3{ color:#FFF; font-size:1.5em; margin:0; padding:10px 0; } .pricing-top p{ color:#FFF; font-size:.875em; margin:1em 0 0 0; } .pricing-bottom{ background: #FFF; text-align: center; padding: 2em; } .pricing-bottom-top { padding-bottom: 0em; } .pricing-bottom-top p{ color: #333; margin: 0; font-size: 1em; line-height: 1.8em; font-weight: 600; } .pricing-bottom-bottom{ padding: 0em 0; } .pricing-bottom-bottom p{ color: #333; font-size: .875em; margin: 0 0 1em 0; } .pricing-bottom-bottom p span{ font-weight:600; color:#333; } p.text { margin-bottom: 0; } .buy-button { margin: 1.5em 0 0 0; } .buy-button a{ background: #212121; padding: .5em 2em; color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration: none; } .buy-button a:hover{ background: #86c724; } /*-- //pricing --*/ /*-- //special --*/ /*-- choose --*/ .choose{ background:url(../images/5.jpg) no-repeat 0px 0px; background-size:cover; } .w3-agile-testimonial { background: url(../images/dott.png)repeat 0px 0px; background-size: 2px; -webkit-background-size: 2px; -moz-background-size: 2px; -o-background-size: 2px; -ms-background-size: 2px; } .jarallax { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .choose-heading{ text-align:left; } .choose-heading h3{ color:#FFFFFF; } .top-choose-info{ padding: 2em 1em; background: #FFFFFF; margin: 4em 0 0 0; } .choose-info-top:nth-child(2){ margin:1em 0; } .choose-info-grid{ background: #333333; padding: 1em; } .choose-info-grid ul{ padding:0; margin:0; } .choose-info-grid ul li{ display:inline-block; color:#FFFFFF; font-size:1em; } .choose-info-grid ul li:nth-child(2){ margin-left:1em; } /*-- testimonial --*/ .testimonial-info{ padding: 2em; min-height: 258px; } .wthree-testimonial-grid{ text-align: center; } i.fa.fa-quote-right { font-size: 1em; color: #86c724; } .testimonial-top p { color: #999999; font-size: .9em; line-height: 1.8em; margin: 1em auto 0; width: 100%; } .testimonial-top h5 { color: #212121; text-transform: uppercase; font-size: 1em; font-weight: 600; letter-spacing: 1px; } .testimonial-top h5 span{ font-weight:300; } /*--slider--*/ #slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; } .events { list-style: none; } .callbacks_container { position: relative; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; } .callbacks img { position: relative; z-index: 1; height: auto; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 100px; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; width: 40px; height: 40px; background: transparent url("../images/arrows.png") no-repeat right top; } .callbacks_nav.next { left: auto; background-position: right top; right: 0; } .callbacks_nav.prev { right: auto; background-position: left top; left: 0; } #slider3-pager a { display: inline-block; } #slider3-pager span{ float: left; } #slider3-pager span{ width:100px; height:15px; background:#fff; display:inline-block; border-radius:30em; opacity:0.6; } #slider3-pager .rslides_here a { background: #FFF; border-radius:30em; opacity:1; } #slider3-pager a { padding: 0; } #slider3-pager li{ display:inline-block; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display:none; width: 100%; left: 0; top: 0; } .rslides li{ position: relative; display: block; float: left; } .rslides img { height: auto; border: 0; } .callbacks_tabs{ list-style: none; position: absolute; top: 177px; left: 215px; padding: 0; margin: 0; z-index: 990; display: inline-block; text-align: center; } .slider-top span{ font-weight:600; } .callbacks_tabs li{ display: inline-block; margin: 0; } /*----*/ .callbacks_tabs a{ visibility: hidden; } .callbacks_tabs a:after { content: "\f111"; font-size: 0; visibility: visible; display: block; height: 10px; width: 10px; display: inline-block; background: rgba(134, 199, 36, 0.51); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .callbacks_here a:after{ height: 10px; width: 10px; display: inline-block; background: #86c724; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; } .services-info{ position:relative; } .w3ls-text{ width: 80%; margin: 3em auto 0; text-align: center; } .w3ls-text h5{ color: #FFFFFF; font-size: 1em; font-weight: 600; margin: 0 0 1em 0; line-height: 1.5em; } .w3ls-text p { color: #FFFFFF; font-size: .9em; line-height: 1.8em; margin: 0; } .w3ls-text p span{ margin:1em 0 0 0; display:block; } /*-- //slider --*/ /*-- //testimonial --*/ /*-- //choose --*/ /*-- subscribe --*/ .w3-agile-subscribe-form { text-align: center; margin: 3em 0 0 0; } .w3-agile-subscribe-form input[type="text"] { display: inline-block; background: #e7f4f8; border: solid 2px #e7f4f8; width: 45%; outline: none; padding: 1em; font-size: .9em; color: #999999; } button.btn1 { color: #FFFFFF; font-size: .9em; padding: 1em 2em; text-align: center; text-decoration: none; background: #212121; border: solid 2px #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } button.btn1:hover{ background:#86c724; border: solid 2px #86c724; } /*-- //subscribe --*/ /*-- banner-bottoms --*/ .banner-bottoms,.services,.services-bottom,.features{ padding:0em 0; } .w3l_banner_bottoms_left{ padding:6em 0em 5em 0em; } .w3l_banner_bottoms_left h3,.agile_head{ font-size:2em; color:#212121; text-transform:capitalize; padding-bottom:.5em; position:relative; } .w3l_banner_bottoms_left p{ margin:2em 0 0; color:#000; text-align:center; font-size:14px; line-height:2em; } .w3l_banner_bottoms_left p span{ display:block; margin-top:1em; color:#212121; font-style:italic; } .w3l_banner_bottoms_right{ padding:0; } /*-- //banner-bottoms --*/ .pic { width: 50%; overflow: hidden; margin: auto; border: 8px solid #ff8100; } .more{ margin-top:40px;} .more a{ padding:10px 30px; color:#fff; font-size:14px; text-decoration:none; } .more a:hover{ /*-- agileits --*/ color:#f44336; } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #fff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border:1px solid #f44336; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #f44336; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical1{ background:#212121; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before,.pricing-plans-grid1:hover .hvr-shutter-in-vertical1:before{ -webkit-transform: scaleY(0); transform: scaleY(0); } .project { padding: 5em 0 0; } .da-thumbs { list-style: none; position: relative; margin: 0; padding: 0; } .da-thumbs li { float: left; position: relative; width: 25%; } .da-thumbs li a, .da-thumbs li a img { display: block; position: relative; width: 100%; } .da-thumbs li a { overflow: hidden; } .da-thumbs li a div { background: rgba(62, 64, 149, 0.81); padding: 4em 0; position: absolute; bottom: -100%; text-align: center; width: 100%; height: 100%; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; } .da-thumbs li a div span { display: block; padding: 10px 0; margin: 11px 20px 20px 20px; font-weight: normal; text-transform: capitalize; color: rgba(255,255,255,0.9); text-align: center; font-size: 1em; } .da-thumbs li a div h5 { color: #FFF; font-size: 20px; font-family: 'PT Sans Caption', sans-serif; font-weight: 600; text-align: center; text-transform: capitalize; } .gallery-grids { margin-top: 0em; } /*-- footer --*/ .footer{ padding:4em 0 2em 0; background:#000; font-size:0.9em; } .w3_footer_grid img{ margin-bottom:20px;} .w3_footer_grid h2{ margin-bottom:1em; } .w3_footer_grid h2 a{ font-size: 1em; color: #212121; text-decoration: none; } .w3_footer_grid h2 a span { color: #0a9dbd; display: inline-block; border: 3px solid; padding: 0 .2em; } .w3_footer_grid .p1{ color:#999; line-height:2em; padding-left:10px; } .w3_footer_grid p{ color:#999; line-height:2em; } .w3_footer_grid p a{ color:#fff; text-decoration:none; transition:all 1s; } .w3_footer_grid p a:hover{ color:#f44336; } .w3l_footer_grid { width:50px; height:50px; border-radius:30px; background:#f5f5f5; text-align:center; transition:all 1s; } .sp{ padding-left:30px;} .w3_footer_grid:hover .w3l_footer_grid { background:#f44336; } .w3l_footer_grid i{ font-size:1.5em; color:#000; line-height:2em; } .w3_footer_grid h4{ font-size: 1.2em; color: #fff; margin: 1em 0 .5em; text-transform: uppercase; letter-spacing: 2px; } .w3_footer_grid p span{ display:block; } .copyright{ padding:2em 0; font-size:0.9em; background:#000; } .w3ls_copyright_left{ float:left; padding-left:29px; } .w3ls_copyright_left ul{ padding-left:0; } .w3ls_copyright_left ul li{ display:inline-block; margin-right:1em; font-size:14px; } .w3ls_copyright_left ul li:last-child{ margin-right:0; } .w3ls_copyright_left ul li a{ text-transform:uppercase; font-weight:500; color:#fff; text-decoration:none; transition:all 1s; } .w3ls_copyright_left ul li a:hover,.w3ls_copyright_left ul li.active a{ color:#f44336; } .w3ls_copyright_left p{ margin-top:.5em; color:#999; line-height:2em; } .w3ls_copyright_left p a{ color:#f44336; text-decoration:none; } .w3ls_copyright_left p a:hover{ color:#fff; } .w3ls_copyright_right{ float:left; margin-top: 2em; } .w3ls_copyright_right ul li,.title li,.wthree_mail_social li{ display:inline-block; } .w3ls_copyright_right ul li a,.w3agile_social_icons ul li a,.title li a,.wthree_mail_social li a{ width: 40px; height: 40px; color: #fff; text-align: center; display: inline-block; padding-top: 0.7em; font-size: 13px; background:#ed2c30; } a.w3_agile_facebook:hover{ background:#3b5998; } a.agile_twitter:hover{ background:#1da1f2; } a.w3_agile_dribble:hover{ background:#ea4c89; } a.w3_agile_vimeo:hover{ background:#1ab7ea; } /*-- //footer --*/ .gallery{ padding:0em 0 0em 0; background:#fff; } .gallery .thumbnail{ background:#fff; padding:0px 0; transition:all 0.5s;} .gallery .thumbnail img{width:120px;min-height:80px;max-height:80px;} .gallery .thumbnail ul{ list-style:none;} .gallery .thumbnail ul li{ display:inline; padding:0 5px; text-align:center; } .gallery .thumbnail ul li img{ width:165px; transition:all 0.5s; } .gallery .thumbnail ul li:hover img{ overflow:hidden; transform:rotate(30deg); } .gallery .thumbnail:hover{box-shadow:5px 5px 2px #f5f5f5;} /*-- gallery --*/ .w3ls_banner_bottom_right1 h2 { font-size: 2.5em; color: #262c38; letter-spacing: 1px; text-transform: uppercase; position: relative; font-weight: 700; } .w3ls_banner_bottom_right1 p { color: #666; line-height: 1em; font-size: 1em; margin-bottom: 1em; } .w3ls_banner_bottom_right1 h2:after { border-top: 2px solid #47cf73; display: block; width: 81px; content: ""; margin: 8px 0; } ul.some_agile_facts li { list-style: none; margin:15px 0; color: #333; font-weight: 600; } ul.some_agile_facts i { color: #47cf73; margin-right: 7px; } /*--/middle--*/ .w3ls-special-img.w3l-grid-1{ background:#000 url(../images/g1.jpg) no-repeat 0px 0px; min-height:400px; background-size: cover; text-align: center; position: relative; } .w3ls-special-img.w3l-grid-2{ background:#000 url(../images/g2.jpg) no-repeat 0px 0px; min-height:400px; background-size: cover; text-align: center; position: relative; } .w3ls-special-img.w3l-grid-3{ background:#000 url(../images/g3.jpg) no-repeat 0px 0px; min-height:400px; background-size: cover; text-align: center; position: relative; } .w3ls-special-text h4 { color: #FFF; font-size: 2em; margin: 4em 0 0 0; font-weight: 600; letter-spacing: 2px; margin-bottom: 1em; } .w3ls-special-img { padding: 0; } .w3ls-special-text.effect-1 ul li { list-style: none; color: #fff; letter-spacing: 1px; font-size: 1em; margin-bottom: 1em; } /*-- Effect 1--*/ .w3ls-special-text:after { position: absolute; width: 316px; height: 323px; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: rgba(0, 0, 0, 0.17); } .effect-1 { -webkit-transition: background 0.5s, color 0.2s; -moz-transition: background 0.5s, color 0.2s; transition: background 0.5s, color 0.2s; } .effect-1:after { top: 43px; left: 41px; box-shadow: 0 0 0 2px #FFFFFF; -webkit-transition: -webkit-transform 0.5s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.5s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.5s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .w3ls-special-img:hover.w3ls-special-text{ background:#FF7200; color: #fff !important; } .w3ls-special-img:hover .w3ls-special-text:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .w3ls-special-img.text_info { background: #000; min-height: 399px; } .w3ls-special-img.text_info h4 { text-align: center; color: #fff; font-size: 2.5em; font-weight: 700; text-transform: uppercase; padding-top:4em; } /*--//Effect 1--*/ /*--flexisel--*/ .flex-slider{ background:#222227; padding: 70px 0 165px 0; } #flexiselDemo1 { display: none; } .nbs-flexisel-container { position: relative; max-width: 100%; } .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; } .nbs-flexisel-inner { overflow: hidden; margin: 0px auto; padding:0; } .nbs-flexisel-item { float: left; margin: 0; /*! padding: 0px; */ position: relative; /*! line-height: 18px; */ } .nbs-flexisel-item > img { cursor: pointer; position: relative; } /*---- Nav ---*/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 40px; height: 40px; position: absolute; cursor: pointer; z-index: 100; background:none; top: -5% !important; border-radius: 5px; display:none; } .nbs-flexisel-nav-left { left:91%; } .nbs-flexisel-nav-right { right: 1.2%; background:none; } /*--//flexisel--*/ .view { overflow: hidden; position: relative; text-align: center; } .view .mask, .view .content { width: 100%; height: 101%; } .view .mask, .view .content { position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } /* SECOND EFFECTS */ .second-effect .mask { opacity: 0; overflow:visible; border:0px solid rgba(0,0,0,0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align:center; } .second-effect:hover .mask { opacity: 1; border: 0px solid rgba(0, 0, 0, 0.65); background: rgba(0, 0, 0, 0.2); } .second-effect .mask p { font-size: 1.5em; letter-spacing: 1px; color: #fff; text-transform: capitalize; padding: 2.3em 0 0; display: inline-block; font-family: 'Dancing Script', cursive; } .second-effect .mask p i { display: block; color: #EA3621; font-weight:bold; font-size: 20px; } /*-- //gallery --*/ /*-- about-heading --*/ .about-heading{ background:url(../images/innartop.jpg) no-repeat 0px 0px; height: 315px; padding: 5em 0; text-align: center; background-position:center; background-size:cover; } .about-heading h2 { font-size: 2em; letter-spacing: 0px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; font-weight: 700; font-family: 'Roboto', sans-serif; margin: 0; /*! text-shadow: 0px 2px 2px #000; */ background: rgb(0, 0, 0); width: 40%; margin: 215px auto; } .about-heading h2 span { color: #ed2c30; } .wthree-top-grid h4,.choose-info h4 { text-transform: capitalize; font-size: 1.2em; color: #212121; margin: 1em 0; font-family: 'Roboto', sans-serif; } .wthree-top-grid p,.choose-info p{ color:#999999; font-size:.9em; margin:0; line-height:1.8em; } /*-- //about-heading --*/ /*-- about-top --*/ .agileits-about-top{ background:#FFFFFF; } .agileits-about-top-heading{ text-align:center; } .wthree-top-grid img{ width:100%; } .agileinfo-top-grids { margin: 4em 0 0 0; } /*-- //about-top --*/ /*-- choose --*/ .w3-agileits-choose-grid{ background: url(../images/ab.jpg) no-repeat 0px 0px; background-size: cover; } .agile-choose-grids{ margin:4em 0 0 0; } .agile-choose-grid{ text-align:center; } .about-choose h3{ color:#FFFFFF; } .choose-info h4{ color:#FFFFFF; } .choose-info p{ color:#FFFFFF; } .choose-icon i.fa.fa-user,.choose-icon i.fa.fa-cogs,.choose-icon i.fa.fa-thumbs-o-up { background: #86c724; padding: .9em 0 0 0; width: 90px; height: 90px; color: #FFFFFF; font-size: 2em; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; } /*-- //choose --*/ /*-- team --*/ .team{ background:#FFFFFF; } .team-grids { margin: 4em 0 0 0; } .team-grid:nth-child(4),.team-grid:nth-child(5),.team-grid:nth-child(6){ margin:4em 0 0 0; } .ih-item.circle { position: relative; width: 220px; height: 220px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; margin: 0 auto; } .ih-item.circle .img { position: relative; width: 220px; height: 220px; border-radius: 50%; } .ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle .img img { border-radius: 50%; width: 100%; } .ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect10 .img { z-index: 11; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10.colored .info { background: #1a4a72; } .ih-item.circle.effect10 .info { background: #86c724; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.circle.effect10 .info h3 { color: #fff; text-transform: uppercase; position: relative; text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3); } .ih-item.circle.effect10 .info p { color: #bbb; font-style: italic; font-size: 12px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .ih-item.circle.effect10:hover .info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ih-item.circle.effect10.top_to_bottom .info h3 { margin: 0 30px; padding: 25px 0 0 0; height: 78px; } .ih-item.circle.effect10.top_to_bottom .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.top_to_bottom:hover .img { -webkit-transform: translateY(50px) scale(0.5); -moz-transform: translateY(50px) scale(0.5); -ms-transform: translateY(50px) scale(0.5); -o-transform: translateY(50px) scale(0.5); transform: translateY(50px) scale(0.5); } .ih-item.circle.effect10.bottom_to_top .info h3 { margin: 6.5em 0 1em 0; font-size: 1.2em; color: #FFF; } .ih-item.circle.effect10.bottom_to_top .info p { margin: 0 30px; padding: 5px; } .ih-item.circle.effect10.bottom_to_top:hover .img { -webkit-transform: translateY(-50px) scale(0.5); -moz-transform: translateY(-50px) scale(0.5); -ms-transform: translateY(-50px) scale(0.5); -o-transform: translateY(-50px) scale(0.5); transform: translateY(-50px) scale(0.5); } .icons ul{ padding:0; margin:0; } .icons ul li{ display:inline-block; } .icons ul li.team-twitter{ margin:0 1em; } .icons ul li a{ color: #FFFFFF; text-align: center; } .icons ul li a:hover{ opacity:.5; } /*-- //team --*/ /*-- //about --*/ /*-- plans --*/ /*-- shared-grid --*/ .shared-grid{ } .priceing-table-main { margin: 4em 0 0 0; } .price-list ul { padding: 0px; list-style: none; } .price-gd-top { background:#67d6ff; text-align: center; } .price-gd-top h4 { font-size: 1.8em; color: #fff; padding: 0.4em 1em; background: #3cc6f9; } .price-gd-top h3 { padding:0.2em 0em 0.1em 0em; font-size:2.5em; color: #fff; } .price-gd-top h5 { font-size: 1em; color: #fff; padding: 0.2em 0em 0.8em 0em; } .price-gd-bottom { background: #fff; text-align: center; padding: 1em 0em; } .price-gd-top.pric-clr2 h4 { background: #d89402; } .price-gd-top.pric-clr2 { background: #eea303; } .price-selet.pric-sclr2 a { background: #eea303; } .price-gd-top.pric-clr3 { background: #5bd899; } .price-gd-top.pric-clr3 h4 { background: #54c58c; } .price-gd-top.pric-clr4 { background: #ff9359; } .price-gd-top.pric-clr4 h4 { background: #ec8954; } .price-selet.pric-sclr4 a { background: #ff9359; } .price-selet.pric-sclr3 a { background: #5bd899; } .price-list ul li { padding: 0.5em 0em; font-size: 0.9em; color: #999999; } .price-selet { padding: 1em 0em; text-align: center; background: #fff; } .price-selet a { font-size: 1.1em; color: #fff; display: block; } .price-selet a { font-size: 0.9em; color: #ffffff; display: inline-block; padding: 0.5em 1.5em; background: #67d6ff; text-decoration: none; } .price-block { box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .price-block:hover,.w3layouts-pricing:hover,.w3-agileits-vpn-grid:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); z-index: 1; } /*-- //shared-grid --*/ /*-- cloud-grid --*/ .cloud-grid{ background: #e7f4f8; } .cloud-pricing-table{ margin:4em 0 0 0; } .w3layouts-pricing { box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .w3layouts-price-top { background: #67d6ff; } .yellow-w3layouts-price-top{ background: #eea303; } .green-w3layouts-price-top{ background: #5bd899; } .red-w3layouts-price-top{ background: #ff9359; } .yellow-w3-dotter h4{ background: #d89402 !important; } .green-w3-dotter h4{ background: #54c58c !important; } .red-w3-dotter h4{ background: #ec8954 !important; } .w3layouts-price-heading{ padding: 2em; } .w3layouts-price-heading h3{ font-size: 1.8em; color: #fff; text-transform: capitalize; margin: 0; text-align: center; } .w3-dotter{ float:left; } .w3l-month{ float:right; } .w3-dotter h4 { font-size: 2.5em; color: #FFF; background: #3cc6f9; padding: .27em .5em; margin: 0; } .w3l-month p { font-size: .9em; text-transform: uppercase; color: #fff; padding: 2.1em 2em 0 0; margin: 0; } .w3ls-price-bottom ul li { font-size: .95em; line-height: 1.8em; color: #999999; padding: .3em 0; text-transform: capitalize; } .w3ls-price-bottom b { font-weight: 600; color: #333; font-size: .9em; } .w3ls-price-bottom { padding: 2em; background: #FFFFFF; } .wthree-price-button { padding: 1em 0; text-align: center; } .wthree-price-button a{ font-size: .9em; padding: 0.5em 1.5em; background: #67d6ff; color: #fff; text-decoration: none; } .agileits-price a.button:hover { background: #188050; } .yellow-wthree-price-button a{ background: #eea303 !important; } .green-wthree-price-button a{ background: #5bd899 !important; } .red-wthree-price-button a{ background: #ff9359 !important; } /*-- //cloud-grid --*/ /*-- vpn-grid --*/ .vpn-grids { margin: 4em 0 0 0; } .w3-agileits-vpn-grid{ box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .agileinfo-price{ background: #67d6ff; padding: 2em 0; text-align: center; } .yellow-agileinfo-price{ background: #eea303 !important; } .green-agileinfo-price{ background:#5bd899 !important; } .red-agileinfo-price{ background:#ff9359 !important; } .agileinfo-price h3 { font-size: 1.8em; color: #fff; margin:0; } .agileinfo-price h5 { padding: 1em 0; font-style: italic; font-size: .9em; color: #F0EBEB; margin: 0; } .price-bg { background: #fff; padding: 1.5em; } .price-bg p.price-label-1 { color: #67d6ff; text-align: center; } .price-bg p span { font-weight: bold; font-size: 5em; line-height: 0.8em; margin-right: 5px; } .price-bg ul { padding: 0; margin-top: 1em; } .price-bg ul li { list-style: none; } ul.count li { border-bottom: 1px dashed #dadada; padding: 1em 0; text-align: center; color: #999999; font-size: .9em; } .price-bg p.price-label-2 { color: #eea303; text-align: center; } .price-bg p.price-label-3 { color: #5bd899; text-align: center; } .price-bg p.price-label-4 { color: #ff9359; text-align: center; } /*-- //vpn-grid --*/ /*-- //plans --*/ /*-- services --*/ /*-- best-services --*/ .w3l-best-services-grids { margin: 4em 0 0 0; } .servc-grids:nth-child(2) { margin: 4em 0; } /*-- Effect 1--*/ .servc-grid-left span{ font-size: 2em; color: #ffffff; display: inline-block; border-radius: 50%; text-decoration: none; z-index: 1; padding: 1em; } .servc-grid-left span:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .effect-1 { background: #212121; -webkit-transition: background 0.5s, color 0.2s; -moz-transition: background 0.5s, color 0.2s; transition: background 0.5s, color 0.2s; } .effect-1:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 2px #86c724; -webkit-transition: -webkit-transform 0.5s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.5s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.5s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .servc-grid:hover span{ background: #86c724; color: #fff !important; } .servc-grid:hover span:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*--//Effect 1--*/ .servc-grid-right h4 { text-transform: capitalize; font-size: 1.2em; color: #212121; margin: 0 0 1em 0; font-family: 'Roboto', sans-serif; } .servc-grid-right p{ margin: 0; font-size: .9em; color: #999; line-height: 1.8em; } .servc-grid-left { text-align: right; padding-right: 2em; } /*-- //best-services --*/ /*-- featured-services --*/ .w3ls-featured-services{ background: #e7f4f8; } .w3-agileits-featured-left-grids{ margin:4em 0 0 0; } .featured-heading{ text-align:left !important; } .featured-left-img img{ width:100%; } .featured-left-text h5{ text-transform: capitalize; font-size: 1.2em; color: #212121; margin: 0 0 1em 0; font-family: 'Roboto', sans-serif; } .featured-left-text p { margin: 0; font-size: .9em; color: #999; line-height: 1.8em; } /*-- //services --*/ /*-- faq --*/ .faq h4{ text-align:left; } .pa_italic i { left: -1em; font-size: 11px; } .pa_italic span { display: none; } .collapsed span { display: inline-block; left: -1em; font-size: 11px; } .collapsed i { display: none; } .panel-heading { padding:30px 15px; } .panel-title > a{ font-size: 1.2em; color: #212121; text-transform: capitalize; text-decoration: none; } .panel-default { border-color: #FFF; background: #f5f5f5; } .panel-default > .panel-heading { border-color: #FFF; color:#212121; background-color: #fff; } .panel-body { padding: 2em; font-size: 14px; line-height: 2em; color: #999; } a.pa_italic label { cursor: pointer; font-weight:500; } a.pa_italic:focus { outline: none; text-decoration: none; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; } .check-out .td-data .fa-cart-plus { display: none; } /*-- //faq --*/ /*-- registration --*/ .signin-form { background: #e7f4f8; background-size: cover; padding: 2em 2em; text-align: center; width: 50%; margin: 0 auto; } .signin-form h3 { font-size: 2em; color: #212121; font-weight: 700; margin: 1em 0; text-transform: uppercase; } .signin-form h3 span { color: #67e1ff; } .signin-form img { border-radius: 50%; } .login-form { margin: 1em 0 2.5em; } .signin-form input[type="email"],.signin-form input[type="text"], .signin-form input[type="password"] { width: 100%; padding: 1em 1em 1em 1em; font-size: 0.8em; margin: 1em 0; outline: none; color: #212121; border: none; border-bottom: 2px solid #212121; letter-spacing: 1px; text-align: center; } .signin-form input[type="email"] { background: none; display: block; } .signin-form input[type="text"] { background: none; display: block; } .signin-form input[type="password"] { background: none; display: block; } ::-webkit-input-placeholder{ color:#212121 !important; } .signin-form input[type="submit"] { outline: none; padding: 0.9em 0; width: 100%; text-align: center; font-size: 1em; margin-top: 1em; border: none; color: #FFFFFF; cursor: pointer; background: #86c724; box-shadow: 0px 2px 1px rgba(28, 28, 29, 0.42); border-radius: 22px; } .signin-form input[type="submit"]:hover { color: #fff; background: #212121; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; } .signin-form p a { font-size: 0.875em; color: #212121; letter-spacing: 1px; } .login-social-grids{ margin: 1em 0; } .login-social-grids ul { padding: 0; margin: 0; } .login-social-grids ul li { display: inline-block; margin: 0 .5em 0 0; } .login-social-grids ul li a { color: #FFFFFF; text-align: center; } .login-social-grids ul li a i.fa.fa-facebook, .login-social-grids ul li a i.fa.fa-twitter, .login-social-grids ul li a i.fa.fa-rss{ height: 30px; width: 30px; border: solid 2px #212121; line-height: 29px; background: none; color: #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .login-social-grids ul li a i.fa.fa-facebook:hover { border: solid 2px #3b5998; background:#3b5998; color: #FFFFFF; } .login-social-grids ul li a i.fa.fa-twitter:hover{ border: solid 2px #55acee; background:#55acee; color: #FFFFFF; } .login-social-grids ul li a i.fa.fa-rss:hover{ border: solid 2px #f26522; background:#f26522; color: #FFFFFF; } /*-- //registration --*/ /*-- icons --*/ .codes a { color: #999; } .icon-box { padding: 8px 15px; background: rgba(149, 149, 149, 0.18); margin: 1em 0 1em 0; border: 5px solid #ffffff; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1em; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; cursor: pointer; } .icon-box:hover { background: #86c724; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; } .icon-box:hover i.fa { color:#fff !important; } .icon-box:hover a.agile-icon { color:#fff !important; } .codes .bs-glyphicons li { float: left; width: 12.5%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; } .codes .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; } .codes .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; } .codes .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } h3.icon-subheading { color: #212121 !important; margin: 30px 0 15px; font-size: 1.3em; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-family: 'Roboto', sans-serif; } h3.agileits-icons-title { text-align: center; font-size: 2em; color: #2f2f2f; font-weight: 700; margin: 0; } .icons a { color: #999; } .icon-box i { margin-right: 10px !important; font-size: 20px !important; color: #282a2b !important; } .icons .bs-glyphicons li { float: left; width: 18%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; background:rgba(149, 149, 149, 0.18); margin: 1%; } .icons .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; color: #282a2b; } .icons .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; } .icons .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; } ul.bs-glyphicons-list { padding: 0; margin: 0; } /*-- //icons --*/ /*-- typography --*/ h3.hdg { font-size: 2.5em; color:#000 !important; } .show-grid [class^=col-] { background: #fff; text-align: center; margin-bottom: 10px; line-height: 2em; border: 10px solid #f0f0f0; } .show-grid [class*="col-"]:hover { background: #e0e0e0; } .grid_3{ margin-bottom:2em; } .xs h3, h3.m_1{ color:#000; font-size:1.7em; font-weight:300; margin-bottom: 1em; } .grid_3 p{ color: #555; font-size: 0.85em; margin-bottom: 1em; font-weight: 300; } .grid_4{ background:none; } .label { font-weight: 300 !important; border-radius:4px; } .grid_5{ background:none; padding:2em 0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none !important; } .tab-content > .active { display: block; visibility: visible; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 0; } .badge-primary { background-color: #03a9f4; } .badge-success { background-color: #8bc34a; } .badge-warning { background-color: #ffc107; } .badge-danger { background-color: #e51c23; } .grid_3 p{ line-height: 2em; color: #888; font-size: 0.9em; margin-bottom: 1em; font-weight: 300; } .bs-docs-example { margin: 1em 0; } section#tables p { margin-top: 1em; } .tab-container .tab-content { border-radius: 0 2px 2px 2px; border: 1px solid #e0e0e0; padding: 16px; background-color: #ffffff; } .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 15px!important; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.9em; color: #555; border-top: none !important; } .tab-content > .active { display: block; visibility: visible; } .label { font-weight: 300 !important; } .label { padding: 4px 6px; border: none; text-shadow: none; } .nav-tabs { margin-bottom: 1em; } .alert { font-size: 0.85em; } h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button { line-height:1.8em; margin-top:0.5em; margin-bottom: 0.5em; } li.list-group-item1 { line-height: 2.5em; } .input-group { margin-bottom: 20px; } .in-gp-tl{ padding:0; } .in-gp-tb{ padding-right:0; } .list-group { margin-bottom: 48px; } ol { margin-bottom: 44px; } h2.typoh2{ margin: 0 0 10px; } @media (max-width:768px){ .grid_5 { padding: 0 0 1em; } .grid_3 { margin-bottom: 0em; } .navbar-nav > li > a { font-size: 11px; padding: 32px 10px; -webkit-font-size: 12px; -webkit-padding: 32px 15px; text-transform: uppercase; margin-right: 3px; -webkit-margin-right: 3px; } .imglogores { width: 270px; } } @media (max-width:640px){ h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 0px; } .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: .5em; } .progress { height: 10px; margin-bottom: 10px; } ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 { font-size: 14px; } .breadcrumb { margin-bottom: 10px; } .well { font-size: 14px; margin-bottom: 10px; } h2.typoh2 { font-size: 1.5em; } .grid_4 { margin-top: 30px; } .logineheader ul { padding: 0; margin: 0; } .logineheader li, .logineheader a { color: #FFF; font-size: 20px; font-weight: 500; } .logineheader li{margin-bottom:5px; margin-top:5px;} .logineheader .text-right { text-align: center; } .navbar-nav { float: left; margin: 0px 0; width: 100%; background-color:#CCC; } ul.dropdown-menu { background: #212121; box-shadow: 0 0 0; border: none; margin: 0; margin-top: 0px; top: 2.4em; clear:both; width: 100%; } .nav ul { top: 36px; left: 0px; } .nav ul ul { top: 32px; left: 0px; } .navbar-nav { float: none; margin: 0; text-align: left; } .navbar-collapse.in { overflow-y: hidden; } .navbar-nav > li > a { font-size: 12px; padding: 10px 9px!important;} .content-mid2 { padding: 0em 0em; background-color: #FCFCFC; text-align: justify; } .content-mid2 {text-align:justify;} #abpout2 a { width: 100%; margin: 0px auto; float: right; } p.prabt { color: #202020; font-size: 14px; line-height: 1.5em; margin-bottom: 20px; text-align: justify; } .srctionsize { width: 100% !important; float: left; height: 250px; } .textposstion { position: absolute; top: 0%; left: 0%; padding: 20px; padding-top: 20px; padding-top: 38px; bottom: 0%; border: 1px solid #FFF; } .contact-right { padding: 10px 0 0px 0px; } a#Find-us-here { background-color: orangered; color: #FFF; padding: 3px; border: 1px solid orangered; font-weight: 600; clear: both; margin-top: 13px; display: inline-block; } .cllolddes { height: auto; margin-top: 1em; background-color: #F3F3F3; padding: 20px; } .persondoo { height: auto; background-color: #F6F5F5; } .persondoo h3 { padding-top: 20px; padding-bottom: 20px; margin-bottom: 9px;} .persondoo p { padding: 5px 4px; margin: 3px 0 0px; font-size: 12px; font-weight: 600; } .logineheader ul li:nth-child(2){ display:none; } .pull-right { float: none !important; } .logineheader li, .logineheader a { color: #FFF; font-size: 20px; font-weight: 500; } .logineheader .fa { padding: 4px; font-size: 17px; color: #050505; border-radius: 50px; border: 1px solid #FFF; margin-right: 5px; background: #fff; } } @media (max-width:480px){ .table h1 { font-size: 26px; } .contact-opener { top:170px; } .logineheader .fa { padding: 4px; font-size: 17px; color: #050505; border-radius: 50px; border: 1px solid #FFF; margin-right: 5px; background: #fff; } .table h2 { font-size: 23px; } .table h3 { font-size: 20px; } .label { font-size: 53%; } .alert,p { font-size: 14px; } .pagination { margin: 20px 0 0px; } .logineheader li, .logineheader a { color: #FFF; font-size: 20px; font-weight: 500; } .logodoo { padding: 0px 0;position:relative; } .logodoo img { width: 225px; position: relative; top: 27px; } .floating-form { margin-top: 124px !important; } .header { padding:0px !important; } .nav ul, .nav ul li ul ul{ z-index:1; } .nav ul li a { background: none; padding: 7px 15px !important; color: #FFF; text-decoration: none; display: block; border: 0 none; /* float: left; */ clear: both; width: 100%; } li.nbs-flexisel-item { width:100px !important; } } @media (max-width: 320px){ .header { padding: 5px 0; } .nav ul, .nav ul li ul ul{ z-index:1; } .grid_4 { margin-top: 18px; } .logodoo img { width: 225px; position: relative; top: 27px; } .floating-form { margin-top: 124px !important; } .logodoo { padding: 0px 0; } .logineheader .fa { padding: 4px; font-size: 17px; color: #050505; border-radius: 50px; border: 1px solid #FFF; margin-right: 5px; background: #fff; } .logineheader li, .logineheader a { color: #FFF; font-size: 20px; font-weight: 500; } .alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item { font-size: 13px; } .alert { padding: 10px; margin-bottom: 10px; } ul.pagination li a { font-size: 14px; padding: 5px 11px !important; } .list-group { margin-bottom: 10px; } .well { padding: 10px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.81em; } .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 12px!important; } .codes .row { margin: 0; } } /*-- //typography --*/ /*-- blog --*/ .blog { padding: 4em 0; /*! background: #f9f9fb; */ } .agile-blog-grid-left-img a img{ width: 100%; margin-bottom: 1em; } .blog-left-left{ float: left; width: 100px; height: 100px; background: #86c724; text-align: center; padding: 1.6em 0 0 0; } i.fa.fa-pencil{ color:#FFFFFF; font-size:2.5em; } .blog-left-right { float: left; width: 83%; margin-left: 1em; } .blog-left-right-top h4{ color: #000000; font-size: 1.4em; margin: 0 0 .5em 0; font-weight: 800; line-height: 1.4em; } .blog-left-right-top h4 a{ text-decoration:none; color: #000000; } .blog-left-right-top h4 a:hover{ color:#86c724; } .blog-left-right-top p { margin: 0 0 1em; font-size: .9em; font-weight: 500; color: #333333; } .blog-left-right-top p a { color: #86c724; text-decoration: none; } .blog-left-right-top p a:hover{ color:#000000; } .blog-left-right-bottom p{ color: #999999; font-size: .9em; margin: 1em 0 2em 0; line-height: 1.8em; } .blog-left-right-bottom p span{ display:block; margin:1em 0 0 0; } .blog-left-right-bottom a { color: #FFFFFF; font-size: 1em; padding: .5em 1em; border: solid 2px #212121; text-align: center; text-decoration: none; margin: 2em auto 0; background: #212121; } .blog-left-right-bottom a:hover { background: #86c724; border: solid 2px #86c724; color: #FFFFFF; } .agile-blog-grid:nth-child(2){ margin:2em 0; } .categories h3 { color: #9a9797; font-size: 18px; margin: 0 0 .5em 0; font-weight: 800; line-height: 1.4em; text-transform: uppercase; } .categories ul { margin: 1em 0 0 0; padding: 0; } .categories ul li { display: block; /*! background: url(../images/arrow1.png) no-repeat 0px 2px; */ margin-bottom: 0em; } .categories ul li a { font-size: 14px; margin: 0; color: #fff; padding-left: 1em;; display: block; width: 100%; background: #131362; padding: 0.5em 1em 0.5em 1em; margin-bottom: 1.1px; font-weight: 500; } .categories ul li a:hover { color: #ed2c30; text-decoration: none; transition: .5s all; -webkit-transition: .5s all; -moz-transition: .5s all; -o-transition: .5s all; -ms-transition: .5s all; } .categories:nth-child(2) { margin: 1em 0 0 0; } .pagination { margin: 4em 0 0 0; } .pagination > li > a, .pagination > li > span { color: #999999; } /*-- //blog --*/ /*-- single --*/ .response { margin: 1em 0; } .response h3 { color: #000000; font-size: 1.5em; margin: 0 0 .5em 0; font-weight: 800; line-height: 1.4em; } .media.response-info { margin-top: 3em; } .media-left.response-text-left { width: 13%; float: left; } .media-left.response-text-left a img { width: 80%; } .media-left.response-text-left h5 a { color: #86c724; } .media-left.response-text-left h5 a:hover { color: #3b3b3b; text-decoration:none; } .response-text-left h5 { font-size: 1em; margin: 1em 0 0 0; } .response-text-right p { color: #999999; font-size: .9em; margin: 1em 0 2em 0; line-height: 1.8em; } .response-text-right ul { padding: 0; text-align: right; } .response-text-right ul li { display: inline-block; color: #b7b7b7; font-size: .9em; margin-right: 1em; } .response-text-right ul li a { color: #86c724; text-decoration: none; } .response-text-right ul li a:hover { color: #3b3b3b; } .media.response-info { margin-top: 1em; } .opinion h3{ color: #9a9797; font-size: 18px; margin: 0 0 .5em 0; font-weight: 800; line-height: 1.4em; } .opinion form{ margin: 1em 0 0 0; } .opinion form input[type="text"],.opinion form input[type="email"] { width: 100%; color: #212121; outline: none; font-size: .9em; padding: .5em; margin: 0 .5em 1em 0; border: solid 1px #999999; -webkit-appearance: none; background: none; } .opinion form textarea { resize: none; width: 100%; color: #212121; font-size: .9em; outline: none; resize: none; padding: .5em; border: solid 1px #999999; min-height: 125px; background: none; } .opinion form input[type="submit"] { color: #FFFFFF; font-size: 1em; padding: .5em 1em; border: solid 2px #212121; text-align: center; text-decoration: none; margin: 1em 0 0 0; background: #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .opinion form input[type="submit"]:hover { background: #86c724; border: solid 2px #86c724; color: #FFFFFF; } /*-- //single --*/ /*-- contact --*/ .contact{ background:#FFFFFF; } .agileits-contact-address{ margin: 3em 0 0 0; } .w3layouts-contact-form-top p{ margin: 0 0 2em 0; color: #999999; font-size: .9em; line-height: 1.8em; } .agileits-contact-address ul { padding: 0; margin: 0; } .agileits-contact-address ul li { display: block; margin: 2em 0; } .agileits-contact-address ul li i.fa.fa-phone,.agileits-contact-address ul li i.fa.fa-map-marker { height: 40px; width: 40px; background: #86c724; line-height: 40px; text-align: center; color: #FFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileits-contact-address ul li span { color: #424141; font-size: 15px; margin-left: 1em; display: inline-grid; width: 87%; float: right; } .agileits-contact-address ul li span a { color: #999999; text-decoration: none; } .agileits-contact-address ul li span a:hover{ color:#f35041; } .agileinfo-contact-form-grid{ margin: 2em 0 0 0; } .agileinfo-contact-form-grid input[type="text"],.agileinfo-contact-form-grid input[type="email"] { display: inline-block; background: none; border: 1.5px solid #BBBBBB; width: 100%; outline: none; padding: 10px 15px 10px 15px; font-size: .9em; color: #212121; margin-bottom: 1.5em; } .agileinfo-contact-form-grid textarea { background: none; border: 1.5px solid #BBBBBB; width: 100%; display: block; height: 150px; outline: none; font-size: 0.9em; color: #212121; resize: none; padding: 10px 15px 10px 15px; margin-bottom: 1em; } .agileinfo-contact-form-grid button.btn1{ border: solid 2px #212121; color: #FFFFFF; font-size: .9em; padding: .5em 2em; text-decoration: none; background: #212121; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .agileinfo-contact-form-grid button.btn1:hover{ border: solid 2px #86c724; color: #FFFFFF; background:#86c724; } .w3agile-map { margin: 4em 0 0 0; } .w3agile-map iframe{ border: none; min-height: 300px; width: 100%; margin: 0; } .w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3 { color: #212121; font-size: 1.3em; font-weight: 600; margin: 0 0 1em 0; letter-spacing: 1px; text-transform: uppercase; font-family: 'Roboto', sans-serif; } .w3layouts-contact-form-top h3 span,.contact-form-top h3 span,.w3agile-map h3 span{ color: #ed2c30; } /*-- //contact --*/ /*-- to-top --*/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 999; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../images/arrow.png) no-repeat 0px 0px; } #toTopHover { width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } /*-- //to-top --*/ /*-- response --*/ @media(max-width:1366px){ .immersive_slider { height: 430px !important; } } @media(max-width:1280px){ .page_container { max-width: 80%; } } @media(max-width:1080px){ .page_container { max-width: 90%; } .content h3 { font-size: 2.2em; } .callbacks_tabs { top: 184px; left: 169px; } .popular-grid { width: 20%; } .w3-dotter h4 { font-size: 2em; } .icon-box { padding: 8px 4px; font-size: .9em; } .blog-left-left { width: 85px; height: 85px; padding: 1.3em 0 0 0; } } @media(max-width:1024px){ .content h3 { font-size: 2em; } .content { margin: 2em 0 0 0; } } @media(max-width:991px){ .navbar-nav > li > a { padding: 35px 19px; } .content { margin: 2em 0 0 0; float: left; width: 50%; } .image { width: 50%; } .two-fifth { width: 100%; float: none; margin-bottom: 1em; } .one-fifth { width: 19.4%; } .two-fifth h2 { margin: 0 0 1em 0; } .two-fifth h2 span { display: inline-block; } .agileits-banner-bottom-grid { float: left; width: 50%; } .agileits-banner-bottom-grid:nth-child(3),.agileits-banner-bottom-grid:nth-child(4){ margin:2em 0 0 0; } .choose-grid:nth-child(2) { margin: 4em 0 0 0; } .callbacks_tabs { top: 158px; left: 290px; } .agile-footer-grid:nth-child(2) { margin: 4em 0; } .price-grid,.agileits-pricing,.vpn-pricing-grid{ float:left; width:50%; } .price-grid:nth-child(3),.price-grid:nth-child(4),.agileits-pricing:nth-child(3),.agileits-pricing:nth-child(4),.vpn-pricing-grid:nth-child(3),.vpn-pricing-grid:nth-child(4){ margin-top: 2em; } .servc-grid:nth-child(2) { margin: 4em 0 0 0; } .agileits-news-right:nth-child(2) { margin: 4em 0 0 0; } .signin-form { width: 70%; } .agile-blog-grid-right { margin: 2em 0 0 0; } .categories:nth-child(2) { margin: 2em 0 0 0; } .contact-form-right { margin: 4em 0 0 0; } } @media(max-width:800px){ .content { margin: 1em 0 0 0; } .content h3 { font-size: 1.4em; } } @media(max-width:736px){ .header { padding: 1em 0; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:None; border-color: #ddd; } .navbar-nav { float: none; margin: 0; text-align: center; } .navbar-nav > li > a { padding: 10px 19px; margin: 0; } .navbar-nav .open .dropdown-menu { background: #212121; text-align: center; } .w3layouts-logo { margin: 0.5em 0 0 0; } .immersive_slider .is-slide { padding: 5em 3em 1em 3em !important; } .immersive_slider { height: 410px !important; } .choose-left-grid { float: left; width: 50%; } .choose-right-grid { float: left; width: 50%; } .callbacks_tabs { left: 275px; } .wthree-top-grid:nth-child(2) { margin: 3em 0; } .agile-choose-grid:nth-child(2) { margin: 3em 0; } .team-grid { float: left; width: 50%; } .team-grid:nth-child(5), .team-grid:nth-child(6) { margin:0; } .team-grid:nth-child(3), .team-grid:nth-child(4){ margin: 4em 0; } .featured-left-img { float: left; width: 30%; } .featured-left-text { float: right; width: 70%; } .navbar-nav > li > a {padding:10 10px !important;} } @media(max-width:667px){ .page_container { max-width: 95%; } .navbar-nav > li > a {padding:10px 10px !important;} .nav ul { top: 35px !important; left: 180px; display: block; text-align: center; } .content h3 { font-size: 1.3em; } .callbacks_tabs { left: 244px; top: 165px; } .blog-left-left { width: 80px; height: 80px; padding: 1.2em 0 0 0; } } @media(max-width:640px){ .content { margin: 0; } .content h3 { letter-spacing: 1px; } .one-fifth input[type="submit"] { padding: 17px 0; } .blog-left-left { width: 75px; height: 75px; } } @media(max-width:600px){ .image { width: 100%; float: none; } .content { margin: 2em 0 0 0; float: none; width: 100%; } .immersive_slider .is-slide { padding: 2em 3em 1em 3em !important; } .immersive_slider { height: 550px !important; } .callbacks_tabs { left: 210px; } .about-heading h2 { font-size: 2em; } .w3-banner-bottom-heading h3 { font-size: 2em; } .blog-left-left { width: 70px; height: 70px; padding: 1em 0 0 0; } } @media(max-width:568px){ .testimonial-info { padding: 1em; min-height: 235px; } .panel-title > a { font-size: 1em; } .blog-left-left { width: 65px; height: 65px; } } @media(max-width:480px){ .choose-info-grid ul li:nth-child(2) { margin-left: .5em; } .callbacks_tabs { left: 165px; top: 190px; } .testimonial-info { min-height: 250px; } .w3-agile-subscribe-form input[type="text"] { width: 60%; } .column.first { float: none; width: 100%; margin: 0 0 .5em 0; } .one-fifth { width: 100%; float: none; margin: 0 0 .5em 0; } .agileits-banner-bottom-grid { float: none; width: 100%; } .agileits-banner-bottom-grid:nth-child(2),.agileits-banner-bottom-grid:nth-child(3), .agileits-banner-bottom-grid:nth-child(4) { margin: 2em 0 0 0; } .domain { background: #e7f4f8; padding: 2em 0; } .banner-bottom, .special, .w3-agile-testimonial, .subscribe, .agileits-about-top, .w3-agileits-choose-grid, .team, .shared-grid, .cloud-grid, .vpn-grid, .w3-best-services, .w3ls-featured-services, .faq, .registration, .codes, .typography ,.contact{ padding: 2em 0; } .agileits-banner-bottom { margin: 2em 0 0 0; } .wthree-special-grid { margin: 2em 0 0 0; } .top-choose-info { margin: 2em 0 0 0; } .choose-grid:nth-child(2) { margin: 2em 0 0 0; } .w3-agile-subscribe-form { margin: 2em 0 0 0; } .footer { padding: 2em 0 0 0; } .agile-footer-grid:nth-child(2) { margin: 2em 0; } .agileinfo-top-grids { margin: 2em 0 0 0; } .wthree-top-grid:nth-child(2) { margin: 2em 0; } .agile-choose-grid:nth-child(2) { margin: 2em 0; } .team-grid { float: none; width: 100%; } .team-grid:nth-child(1),.team-grid:nth-child(2),.team-grid:nth-child(3),.team-grid:nth-child(4),.team-grid:nth-child(5) { margin: 0 0 2em 0; } .w3l-month p { padding: 2.1em 1em 0 0; } .w3ls-price-bottom { padding: 1em; } .price-bg { padding: 1em; } .priceing-table-main { margin: 2em 0 0 0; } .servc-grid-left { text-align: center; padding: 0; float: none; width: 100%; margin-bottom: 1em; } .servc-grid-right { float: none; width: 100%; text-align: center; } .servc-grid:nth-child(2) { margin: 2em 0 0 0; } .servc-grids:nth-child(2) { margin: 2em 0; } .w3l-best-services-grids { margin: 2em 0 0 0; } .w3-agileits-featured-left-grids { margin: 2em 0 0 0; } .featured-left-text h5 { margin: 0 0 .5em 0; } .agile-news-date { float: none; margin: 0 auto; } .agile-news-text { float: none; width: 100%; text-align: center; margin: 1em 0 0 0; } .signin-form { width: 80%; } .blog-left-left { width: 60px; height: 60px; } i.fa.fa-pencil { font-size: 1.5em; } .blog-left-right { width: 80%; } .media-left.response-text-left { width: 20%; } .blog { padding: 2em 0; } .grid_4 { margin-top: 0; } .agileits-contact-address { margin: 2em 0 0 0; } .contact-form-right { margin: 2em 0 0 0; } .w3agile-map { margin: 2em 0 0 0; } .agile-choose-grids { margin: 2em 0 0 0; } .cloud-pricing-table { margin: 2em 0 0 0; } .vpn-grids { margin: 2em 0 0 0; } .agile-news-grids { margin: 2em 0 0 0; } .agileits-news-right:nth-child(2) { margin: 2em 0 0 0; } } @media(max-width:414px){ .w3layouts-address { float: none; width: 100%; text-align: center; } .agileinfo-social-grids { float: none; margin: .5em 0 0 0; text-align: center; } .w3-banner-bottom-heading h3 { font-size: 1.5em; } .choose-left-grid { float: none; width: 100%; } .choose-right-grid { float: none; width: 100%; margin: 1em 0 0 0; } .testimonial-info { min-height: 275px; } .callbacks_tabs { left: 135px; top: 210px; } .page_container { margin: 2em auto; } .copyright { padding: 1em 1em; } .team-grids { margin: 2em 0 0 0; } .price-grid, .agileits-pricing, .vpn-pricing-grid { float: none; width: 100%; margin:0 0 1em 0 !important; } .price-grid:nth-child(4),.agileits-pricing:nth-child(4),.vpn-pricing-grid:nth-child(4) { margin-bottom: 0 !important; } .featured-left-img { float: none; width: 100%; margin-bottom: 1em; } .featured-left-text { float: none; width: 100%; } .signin-form { width: 90%; } .bs-glyphicons li { width: 31.33% !important; } .blog-left-right-top h4 { font-size: 1.2em; } .blog-left-right { width: 77%; } } @media(max-width:384px){ .about-heading h2 { font-size: 1.5em; } .nav ul { top:39px !important; left: 0px; display: block; text-align: center;z-index:999999; } .blog-left-right { width: 75%; } } @media(max-width:375px){ .testimonial-info { min-height: 300px; } .callbacks_tabs { left: 114px; top: 235px; } .panel-heading { padding: 1em; } .pagination { margin: 2em 0 0 0 !important; } .blog-left-left { width: 50px; height: 50px; padding: .7em 0 0 0; } } @media(max-width:320px){ .w3layouts-address ul li { font-size: .87em; } .w3layouts-address ul li:nth-child(2) { margin-left: .5em; } .immersive_slider .is-slide { padding: 2em 2em 1em 2em !important; } .content h3 { font-size: 1.1em; } .w3-banner-bottom-heading h3 { font-size: 1.3em; letter-spacing: 1px; } .w3-agile-subscribe-form input[type="text"] { width: 90%; } button.btn1 { margin: 1em 0 0 0; } .w3layouts-logo h1 a { font-size: .9em; } .w3layouts-logo { margin: 0.3em 0 0 0; } .wthree-top-grid h4, .choose-info h4 { font-size: 1.1em; } .signin-form { width: 100%; } .blog-left-left { width: 44px; height: 44px; padding: .5em 0 0 0; } .blog-left-right-top h4 { font-size: 1.1em; } .media-left.response-text-left { width: 27%; } .w3agile-map iframe { min-height: 250px; } } /*-- //response --*/ @media(max-width:1024px){ .imglogores{ width:330px; } .navbar-nav > li > a { font-size: 12px; padding: 25px 10px; -webkit-font-size: 12px; -webkit-padding: 25px 10px;; text-transform: uppercase; margin-right: 0px; -webkit-margin-right: 0px; } .srctionsize{width:33.333%; float:left; height:250px;} .textposstion { position: absolute; top: 0%; left: 0%; padding:20px; padding-top: 10px; bottom: 0%; border: 1px solid #FFF; } .navbar-nav { margin: 0px 0; } .grid figure{ min-width:300px; } .grid figure figcaption, .grid figure figcaption > a{ top:-50px; } .grid figure figcaption{ padding:0;} } @media only screen and (max-width: 767px){ .banner-bottomo h1 {width:auto !important;top:0; font-size: 25px;} } .banner-bottomo h1{ background-color:#000;color:#fff; padding:10px 0;position:relative; top:20px;text-align:center;color:#fff; text-transform:uppercase;width:500px;margin: auto;} .banner-bottomo { margin:auto; display: block; } .banner-bottomo span {color:red;}