@font-face {font-family: Yekan;font-style: normal;font-weight: normal;src: url('../fonts/IRANSansWeb.eot');src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/IRANSansWeb.woff2') format('woff2'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.ttf') format('truetype');} body {margin: 0;padding: 0;font-family:Yekan;} a {color: inherit;} a:hover, a:focus, a:active {color: inherit;} p{font-size:14px;;line-height:25px; text-align:justify;} .phone {margin-top:25px;padding-right:140px;} .hidden-s {background:#fff;border:1px solid #1f76bd;padding:10px;display:inline-block;width:100%;} .navbar-static-top {margin: 0;border: 0;color: #fff;} .navbar-top .list-inline { margin-bottom: 0;} .navbar-top .header-contact li {margin-right: 15px;} .navbar-top .header-contact li .fa {margin-right: 5px;} .navbar-main {margin-bottom: 0;color: #fff;background: #1f76bd;} .navbar-main .navbar-brand {border-bottom: none !important;} .navbar-main a:hover,.navbar-main a:active,.navbar-main a:focus,.navbar-main a.is-active {background: none !important;color: inherit;border-bottom: 2px solid #fff;} .navbar-main .submenu {position:absolute;list-style: none;background:#1f76bd;padding: 0;width: 150px;left: -35px;visibility: hidden;top:85px;-moz-transition: all, 0.05s;-o-transition: all, 0.05s;-webkit-transition: all, 0.05s;transition: all, 0.05s;} .navbar-main .submenu li { border-top: 2px solid #185b91;} .navbar-main .submenu li:hover {background: #185b91; -moz-transition: all, 0.3s;-o-transition: all, 0.3s;-webkit-transition: all, 0.3s;transition: all, 0.3s;} .navbar-main .submenu li a {width: 100%;border-bottom: none;text-decoration: none;padding:5px 10px;display: block;font-size: 14px;} .navbar-main li a {font-size: 14px; padding: 35px 13px;border-bottom: 1px solid transparent;} .navbar-main li:hover .submenu {top:91px;visibility: visible; -moz-transition: all, 0.25s;-o-transition: all, 0.25s;-webkit-transition: all, 0.25s;transition: all, 0.25s;} .navbar-main .icon-bar {background: #fff;} .message{text-align:center} .carousel-home img {width: 100%;} .carousel-home .carousel-control {background: #1f76bd;height: 80px;width: 40px;top: 50%;margin-top: -40px; -moz-transition: width, 0.3s;-o-transition: width, 0.3s;-webkit-transition: width, 0.3s;transition: width, 0.3s;} .carousel-home .carousel-control .fa {font-size: 2.5em;padding-top: 12px;} .carousel-home .carousel-control:hover {width: 50px;} .carousel-home .carousel-caption {top: 50%;bottom: auto;transform: translateY(-50%);} .carousel-home .carousel-title { color: #fff;font-size: 40px;font-weight: bold;text-transform: uppercase;margin-bottom:30px;} .carousel-home .carousel-subtitle {font-size: 25px;text-transform: uppercase;} .carousel-home .btn {margin-top: 30px;} .section-home { margin: 30px 0;} .footer-top {background: #115c9b;height: 40px;} .main-footer {background: #1f76bd;color: #fff;} .main-footer .footer-main {padding: 30px 0;} .main-footer .footer-title {text-transform: uppercase;margin-bottom: 10px;} .main-footer .footer-title .title-under {background: #fff;margin: 15px 0;text-align: left;} .main-footer .footer-title .title-under:after {margin: 0;background: #fff;} .main-footer .footer-content {text-align: justify;font-size: 13px;} .footer-content p {font-size:13px; line-height:25px; text-align:justify;} .main-footer .tweet {font-size: 13px;} .main-footer .tweet:after {content: "";height: 1px;display: block;background: #115c9b;width: 150px;margin: 15px auto;} .main-footer .tweet:last-child:after {display: none;} .footer-bottom {background: #115c9b;padding: 15px;} .footer-form .form-group {margin-bottom: 5px;} .footer-form .form-control {background: #115c9b;color: #fff;border: 0;border-radius: 0;margin-bottom: 5px;border: 1px solid #fff;resize: none;} .footer-form .btn-submit {border-radius: 0;background: #115c9b;text-transform: uppercase;border: 1px solid #fff; -moz-transition: all, 0.5s;-o-transition: all, 0.5s;-webkit-transition: all, 0.5s;transition: all, 0.5s;} .footer-form .btn-submit:hover {background: #fff;} .footer-form input:-moz-placeholder,.footer-form textarea:-moz-placeholder {color: #fff;} .footer-form input::-moz-placeholder,.footer-form textarea::-moz-placeholder {color: #fff;} .footer-form input:-ms-input-placeholder, .footer-form textarea:-ms-input-placeholder {color: #fff;} .footer-form input::-webkit-input-placeholder,.footer-form textarea::-webkit-input-placeholder {color: #fff;} .title-style-1 {text-align: center;text-transform: uppercase;font-size: 18px;margin-bottom: 50px;margin-top:50px;} .title-under {display: block;margin: 5px auto;background: #1f76bd;height: 1px;width: 280px;} .title-under:after {content: '';display: block;width: 100px;background: inherit;height: 2px;margin: 0 auto;margin-top: 10px;} .app-brief .phone-image {max-width: 350px;margin: auto;} .v-img[data-img="fade-from-left"], .v-img[data-img="fade-from-right"] {margin: 0 auto;} .v-img[data-img="fade-from-left"] {left: -70px; margin-top:35px;} .v-list {line-height:40px; margin-top:35px;} .cause {padding-bottom: 15px;margin-bottom: 30px;border: 1px solid #1f76bd;-moz-transition: all, 0.3s;-o-transition: all, 0.3s;-webkit-transition: all, 0.3s;transition: all, 0.3s;margin-top:50px;} .cause .cause-img {margin-bottom:0px;width: 100%;} .cause .cause-title {text-align: center;margin-bottom: 10px;font-weight: bold; font-size:15px;} .cause .cause-details {text-align: justify;padding: 0 15px;font-size: 14px;margin-bottom: 15px; min-height: 115px; line-height:30px;} .btn-primary {background: #115c9b;border: none;border-radius: 3px;padding: 10px 25px;border: 1px solid transparent; -moz-transition: all, 0.3s;-o-transition: all, 0.3s;-webkit-transition: all, 0.3s;transition: all, 0.3s;} .btn-primary:hover {background: #fff;color: #1f76bd; border: 1px solid #1f76bd;} .col_1_of_middle:first-child {margin-left: 0;} .span_1_of_middle {width:47.7%;} .col_1_of_middle {display: block;float: right;margin: 1% 0 1% 3.6%;} .span_1_of_middle p{color:#333;font-size:14;line-height:30px;} .span_1_of_middle img {margin-top:-45px;} .details {background-color: #dff2f8;border: 1px solid #1f76bd;border-radius: 5px;margin-top:30px;padding:30px 30px 30px 30px;line-height:35px; margin-bottom:15px;} .delivery-img {margin-top:45px;} .responsive-img {margin-top:45px;} .details-device img {border: 2px solid #1f76bd;border-top-right-radius: 10px;border-top-left-radius: 10px;margin-top:20px;width: 200px;padding: 20px 20px;} .details-device {text-align: justify;padding: 30px 30px 10px 30px;line-height: 30px;margin-top: 20px;} .details-device h1 {margin-top:5px;font-size:16px; } .details-device h2{margin-top:15px;font-size:16px; } .container1 {margin-right: auto;margin-left: auto;padding-left: 5%;padding-right: 5%;} .tabs input[type=radio] {position: absolute;top: -9999px;left: -9999px;} .tabs { width: 717px;float: none;list-style: none;position: relative;padding: 0; margin: 75px auto;} .tabs li{float: right;} .tabs label {display: block;padding: 10px 24.7px;border-radius: 2px 2px 0 0;color: #08C;font-size:14px;font-weight: normal;background: rgba(255,255,255,0.2);cursor: pointer;position: relative; top: 3px;} .tabs label:hover { background: rgba(255,255,255,0.5);top: 0;} [id^=tab]:checked + label {background: #08C;color: white;top: 0;margin-bottom:780px;} [id^=tab]:checked ~ [id^=tab-content] {display: block;} .tab-content{ z-index: 2;display: none;text-align:right;width: 100%;font-size: 14px;line-height: 140%;padding-top:10px;background: #08C;padding: 15px;color: white;position: absolute;top: 40px;left: 0;box-sizing: border-box;-webkit-animation-duration: 0.5s;-o-animation-duration: 0.5s; -moz-animation-duration: 0.5s;animation-duration: 0.5s;} #tab-content ol {line-height:35px;} .panel-title {margin-top: 0;font-size: 14px;} .panel-group {margin-bottom: 40px;margin-top:20px;} .panel-group .panel { margin-bottom: 0;border-radius: 4px;} .panel-default { border-color: #ddd;} .panel-default > .panel-heading {background: #1f76bd;color: #fff;} .join {text-align: justify;padding: 10px 30px 10px 30px;line-height: 30px;} .form-control1 {margin-top: 15px;display: block;width: 100%;height: 45px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #37455f;border-radius: 2px;text-align: right;float: right;} .form-control2 {width: 70%;height: 45px;padding: 6px 12px;font-size: 14px;color: #555;background-color: #fff;background-image: none; border: 1px solid #37455f; border-top-right-radius: 2px;border-bottom-right-radius: 2px;text-align: right;float: right;} .fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);} .fileUpload {position: relative;overflow: hidden;} .left2 { margin-top: 15px;width: 30%;height: 45px;float: left;border-top-left-radius: 2px;border-bottom-left-radius: 2px;border: 1px solid #414142;border-right-width: 1px;border-right-style: solid;border-right-color: rgb(65, 65, 66); border-right: none;text-align: center;background-color: #fff;color: #000;font-size: 18px; padding: 5px;} .button1 {margin-top: 2px;padding: 6px 12px;border: 1px solid #007dbb;border-radius: 2px;color: #fff;background-color: #007dbb;height: 35px;font-size: 14px;width: 100%;} .main-container {margin-bottom: 50px;} .animated.fadeIn {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;} .animated {visibility: visible;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .lightbox {position: relative;display: block;overflow: hidden;} .gallery-item {padding: 0;display: block;margin: 0;} .gallery-item img {width: 100%;} .lightbox .on-hover {position: absolute;visibility: hidden;width: 100%; height: 100%;top: 0;left: 0;z-index: 99;color: #fff;background: rgba(31, 118, 189, 0.75);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-moz-transition: all, 0.6s; -o-transition: all, 0.6s;-webkit-transition: all, 0.6s;transition: all, 0.6s;} .lightbox {position: relative; display: block;overflow: hidden;} .gallery-item {padding: 0;display: block;margin: 0;} .lightbox img {-moz-transition: all, 0.5s;-o-transition: all, 0.5s;-webkit-transition: all, 0.5s;transition: all, 0.5s;} .lightbox .on-hover .hover-caption {text-align: center; position: absolute; bottom: 25px;left: 5px;right: 5px;font-style: 18px;display: block;bottom: -50px;-moz-transition: all, 0.6s;-o-transition: all, 0.6s;-webkit-transition: all, 0.6s;transition: all, 0.6s;} .lightbox .on-hover:before {content: "";display: block;width: 46px;height: 48px;position: absolute;background: url(../images/zoom-icon.png); top: 50%;left: 50%;margin-top: -23px; margin-left: -24px;} .lightbox:hover .on-hover {visibility: visible;filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;} .lightbox:hover .on-hover .hover-caption { bottom: 25px;} .lightbox:hover img {-moz-transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);-webkit-transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);transform: perspective(1.15) scale3d(1.15, 1.15, 1.15);} .blog-left{float:right;width:45%;} .blog-left-head span {background: #40A6CF;height: 2px;display: block;width: 10%;} .blog-left-head h1 {color: #3D3E41;text-transform: uppercase;font-size: 2.8em;font-weight: 700;padding: 0em 0;} .blog-right{float:right;width:23%; height:80%;} .blog-left-head{border-bottom:1px solid #EEE;padding-bottom: 1em;} .blog-artical-grid h3 a{color: #2ba54a;text-transform: uppercase;font-size:16px;font-weight: 700;padding: 0.8em 0;display: block; margin-top:0px; text-align:center;} .blog-artical-grid-pic-info-admin-left{float:left;} .blog-artical-grid-pic-info-admin-right{float:right;} .blog-artical-grid-pic-info-admin{background: rgba(84, 167, 199, 0.78);padding:0px 0px;position: absolute;width:100%;bottom: 0;} .blog-artical-grid-pic-info-admin-left ul li{display:inline-block;} .blog-artical-grid-pic img{display:block; background: #fff;border: 1px solid #1f76bd;padding: 10px;display: inline-block;width: 100%;} .blog-artical-grid-pic-info-admin-left li a img{border-radius: 30em;-webkit-border-radius: 30em;-moz-border-radius: 30em; -o-border-radius: 30em;vertical-align: middle;} .blog-artical-grid-pic-info-admin-left li p{color: #FFF;margin-left: 1em;font-weight: 600; font-size:12px; margin-top:15px;} .blog-artical-grid-pic-info-admin-left li p a{color:#FFF;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all; -o-transition:0.5s all;} .blog-artical-grid-pic-info-admin-left li p a:hover{color:#272727;} .blog-artical-grid-pic-info-admin-right h6{color: #FFF;font-size:12px;margin-top:20px;font-weight: 600;} .blog-artical-grid-pic-info-admin-right h6 span{font-size:0.8em;vertical-align:top;} .blog-artical-grid-pic-info{position:relative;} .blog-artical-pagenate ul li{display:inline-block;} .blog-artical-pagenate ul li a{color: #535353;background: #EDEDED;padding: 0.2em 0.7em;font-weight: 600;font-size: 1.2em;transition:0.5s all; -webkit-transition:0.5s all;-moz-transition:0.5s all;} .blog-artical-pagenate{text-align: center;margin: 4em 0 4em;} .blog-artical-pagenate ul li a:hover,.blog-artical-pagenate ul li.active a{background:#40A6CF;color:#FFF;} .blog-artical-pagenate ul li.frist span{height: 20px;width: 15px;display: inline-block;background: url(../images/pagenate.png) no-repeat 0px 0px; vertical-align: sub;margin-right: 1em;cursor:pointer;} .blog-artical-pagenate ul li.more-art span{width: 34px;height: 20px;display: inline-block;background: url(../images/pagenate.png) no-repeat -39px 0px;vertical-align: sub;margin: 0 0.5em;cursor:pointer;} .blog-artical-pagenate ul li.last span{height: 20px;width: 15px;display: inline-block;background: url(../images/pagenate.png) no-repeat -17px 0px; vertical-align: sub;margin-right: 1em;cursor:pointer;} .blog-artical-grid-pic-info-admin-right {float: right;padding-right:20px;} ul.blog-list {width:50%;float:left;} .artical-tags ul li{display: inline-block;margin-right: 0.5em;} .artical-tags ul li a{background: url(../images/tags-bg.jpg) no-repeat left #EDEDED;color: #404040;text-transform: uppercase;font-size:12px; font-weight: 700;padding: 0.1em 1em 0.1em 1.5em;display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all; -o-transition:0.5s all;} .artical-tags ul li a:hover{color:#6DAAFF;} .artical-tags{margin: 1.5em -3.4em 1.2em;} .artical-details p{font-size: 14px;color: #333;line-height: 35px; margin-top:25px;} .artical-details p a{color:red;} .artical-details-left{float:left;width:48%;margin-right:4%;} .artical-details-right{float:right;width:48%;margin-right:0%;} .artical-more-btn{background: #EDEDED;margin: 2em 0;} .artical-more-btn a span{background: #6DAAFF;color: #FFF;padding: 0.5em 2em;display: inline-block;transition:0.5s all; -webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;} .artical-more-btn a span:hover{background:#404040;} .carousel-indicators li{border: 1px solid #1f76bd;} .carousel-indicators{bottom:-5px;} .partners img{float: right;margin:0 75px 30px 0;} .testimonails{min-height: 195px;} .testimonails img{margin-top: 20px;} .testimonails span{color: #888;} .testimonails span b{font-weight: 400;} .navbar-brand a {float:right;} .logo{ margin-top:25px; float:right;} .textarea {margin-top: 15px;width: 100%;padding: 6px 12px;font-size: 13px;line-height: 1.42857143;color: #555;background-color: #fff;border: 1px solid #414142;border-radius: 2px;resize: none;font-family: Yekan;} .left1 {width: 30%;height: 45px;float: left;border-top-left-radius: 2px;border-bottom-left-radius: 2px;border: 1px solid #414142;border-right-width: 1px;border-right-style: solid;border-right-color: rgb(65, 65, 66);border-right: none;text-align: center;color: #FFFFFF;font-size: 18px;padding: 5px;} .nav-tabs {border-bottom-color: #1f76bd;margin-bottom: 15px;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {background: #1f76bd;color: #fff;} .nav-tabs > li > a {border-radius: 0;} .nav-tabs > li > a:hover {border-color: #1f76bd #1f76bd #1f76bd #115c9b;} .nav > li > a:hover, .nav > li > a:focus {background: #115c9b;color: #fff;} .btn a {border: none;font-weight: 100;color: #FFF;cursor: pointer;padding: 15px 50px;display: inline-block;font-size: 1em;outline: none; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;background: #1f76bd;margin-bottom:125px;} .btn a:hover{background:#FFA540;} .btn-secondary {background: #1f76bd;color: #fff;border-radius:3px;} .btn-secondary:hover {background: #FFA540;color: #fff;} .form-control {border-radius: 0;box-shadow: none;} .table-style-1 thead {background: #1f76bd;border-bottom: 1px solid #144d7b;color: #fff;} .table-style-1 td,.table-style-1 th {border-bottom: 1px solid #1f76bd;} .table-style-2 thead {background: #115c9b;border-bottom: 1px solid #144d7b;color: #fff;} .table-style-2 tbody tr:nth-child(even) {background: #1f76bd;color: #fff;} .table-style-2 td,.table-style-2 th {border-bottom: 1px solid #1f76bd;} .panel-default { border-color: #1f76bd;border-radius: 0;} .panel-default > .panel-heading {background: #1f76bd;color: #fff;} .panel-default > .panel-heading:hover {background: #115c9b;} .modal .modal-content {border-radius: 0;} .modal .modal-header {background: #1f76bd;color: #fff;} .modal .modal-header .close {font-style: 26px;} .owl-next,.owl-prev {width: 32px;height: 32px;padding-top: 5px;border: 2px solid;text-align: center;border-radius: 50%;left: 0;position: absolute;top: 50%;margin-top: -16px;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity: 0.75;-moz-transition: all, 0.5s;-o-transition: all, 0.5s;-webkit-transition: all, 0.5s;transition: all, 0.5s;} .owl-next:hover,.owl-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;} .owl-next {left: auto;right: 0;} .animate-onscroll {visibility: hidden;} .animated {visibility: visible;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .animated.slow {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;} .animated.fadeIn {-webkit-animation-duration: 1.5s; animation-duration: 1.5s;} .zoomIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;} .animated {visibility: visible;} .lightbox { position: relative; display: block;overflow: hidden;} .gallery-item { padding: 0;display: block;margin: 0;} .gallery {position: relative;margin-bottom: 10px;overflow: hidden;border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;-ms-border-radius: 10px 10px 0px 0px;} .gallery img {width: 100%;} .gallery-item h6 { background: #4b4c4e; color: #4bcaff;padding: 12px 0;font-size: 15px;text-transform: uppercase;margin-top: 0;border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-ms-border-radius: 0px 0px 10px 10px;} .img-overlay {background: rgba(83,160,192, .9); position: absolute;width: 100%;height: 79%;top: -90%;transition: .5s;} .gallery-icon {position: absolute; color: red; z-index: 1;transition: .5s;-webkit-transition: .5s;} .gallery-icon a {font-size: 15px;color: #fff; text-transform: uppercase; transition: .3s;} p:last-child {margin-bottom:25px;} .single_about_right img { margin-top: -80px; max-width: 100%;height: 580px;} .single_about_left {padding: 100px 0px 120px 0px;} .single_features_right img { height: 460px;margin-top:-110px;} .single_features_right ul li { margin-top:-10px;font-size: 14px;text-align:right;line-height:45px;} .single_features_left img {height: 460px;margin-top:10px;} .single_features_left ul li { margin-top:-10px;font-size: 14px;text-align:right;line-height:45px;} .survey {margin-top:-80px;font-size: 14px;text-align:right;line-height:45px;} a{text-decoration:none;} .txt-rt{text-align:right;} .txt-lt{text-align:left;} .txt-center{text-align:center;} .float-rt{float:right;} .float-lt{float:left;} .clear{clear:both;} .pos-relative{position:relative;} .pos-absolute{position:absolute;} .vertical-base{ vertical-align:baseline;} .vertical-top{ vertical-align:top;} .underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;} nav.vertical ul li{ display:block;} nav.horizontal ul li{ display: inline-block;} img{max-width:100%;} p.v-smash-text-large-2x {font-size: 26px !important;line-height: 48px;text-align:center;margin-top:25px;color:#fff;} div.center {text-align: center !important;margin-bottom:55px;} .v-parallax .v-bg-overlay.overlay-colored { background-color: #25CBF5;opacity: 0.6;} .features .phone-image { max-width: 250px;margin: auto; margin-bottom: auto; margin-bottom: 80px;} .feature-box.left-icon h3, .feature-box.left-icon-v2 h3 {margin-top: 0;} .feature-box.left-icon .feature-box-icon { float: right; position: relative; margin-top: 3px;} .feature-box-icon.small { padding: 19px 20px 19px 18px;} .feature-box-icon.small .v-icon { line-height: 28px;height: 30px;} .feature-box-icon .v-icon {padding: 0; display: block;} .v-icon {font-size: 30px;line-height: 26px;padding: 0;width: auto; height: 24px; background-image: none;color: #25CBF5;} .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 14px; line-height: 1;font-size: inherit;text-rendering: auto; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .feature-box-icon {text-align: center;line-height: 12px;} .feature-box.left-icon .feature-box-icon {float: left;position: relative; margin-top: 3px;} .feature-box-icon.small {padding: 19px 20px 19px 18px;} .feature-box-icon {padding: 20px;-moz-border-radius: 0 100px 100px;border-radius: 0 100px 100px;text-align: center;vertical-align: middle;margin-bottom: 20px;margin-right: 20px;height: 30px;width: 30px;line-height: 12px; border: 2px solid transparent;border-top-color: transparent; border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;-ms-box-sizing: content-box; box-sizing: content-box;-moz-background-size: 100% 100%; background-size: 100% 100%; background-position: center center; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;border-color: #25CBF5;} .feature-box-text-inner { display: block;width: 100%; line-height: 165%;} .feature-box.left-icon h3, .feature-box.left-icon-v2 h3 { margin-top: 0;} .title-style-2 {text-align: right;text-transform: uppercase;font-size: 26px;margin-bottom: 25px;margin-top:65px;} .page-description {font-size: 18px;text-align:center;} .animated { visibility: visible;} .page-heading {color: #333;} .form-control {border-radius: 0; box-shadow: none;} .form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .contact-items .contact-icon { display: inline-block;width: 35px; height: 35px; background: #1f76bd; vertical-align: middle; margin-right: 5px;color: #fff;text-align: center;} .contact-items .contact-icon .fa { vertical-align: sub;font-size: 20px;margin-top: 7px;} input, button, select, textarea {font-size: inherit;line-height: inherit;} input {line-height: normal;} button, input, optgroup, select, textarea { margin: 0;font: inherit;font-size: inherit;line-height: inherit;color: inherit;} * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contact-items .contact-item { margin-bottom: 10px; vertical-align: middle;font-size: 14px;} .animated { visibility: visible;} .spacer{padding: 6em 0;} .highlight-info{ background:url(../images/lab.jpg) center fixed; background-size: cover; color:#fff;} .highlight-info .overlay{background: rgba(232,159,16,0.7);} .highlight-info h4{color: #fff;margin:0.5em 0 0 0;} .clear{clear:both;} .wrap{width:70%;margin:0 auto; margin-top:-105px;} .blog-single-page h3 a {color: #404040;text-transform: uppercase;font-size: 1.2em;font-weight: 700;padding: 0.8em 0;display: block;} .blog-single-page-artical-info-left {float: left;width: 48%;margin-right: 4%;} .blog-single-page-artical-info-right {float: right;width: 48%;margin-right: 0%;} .blog-single-page p {font-size: 0.875em;color: #3D3E41;line-height: 1.7em;margin-bottom: 1.8em;} .blog-single-page p.para1:first-letter{font-size: 4em;font-weight: 700;} .blog-single-page-artical-info{margin-top: 2em;} .blog-single-page-artical-info h3{color: #3D3E41;text-transform: uppercase;font-size: 1.2em;font-weight: 700;padding: 0.3em 0;} .spa-para{background: #EDEDED;padding: 1em;border-left: 3px solid #40A6CF;font-style: italic;} .comment-secion-head{margin:2em 0;} .comment-secion-head span{background: #40A6CF;height: 2px;display: block;width: 10%;} .comment-secion-head h2{color: #3D3E41;text-transform: uppercase;font-size: 1.5em;font-weight: 700;padding: 0em 0;} .comment-secion-head h2 label{font-size: 0.5em;vertical-align: super;margin-left: 1em;color:#40A6CF;} .artical-comment-grid-left{width: 8%;float: left;text-align: center;margin-top: 0.4em;} .artical-comment-grid-left img{border-radius:30em;-webkit-border-radius:30em;-moz-border-radius:30em;-o-border-radius:30em;} .artical-comment-grid-info{float:right;width:90%;} .artical-comment-grid-info ul li{display: inline-block;color: #777777;font-size: 0.875em;line-height: 1.7em;margin: 0 1em 0 0;} .artical-comment-grid-info ul li a{transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;text-transform: uppercase;font-size: 1em;font-weight: 700;} .artical-comment-grid-info p{margin-top:0.5em;} .p-replay a{color: #6DAAFF;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .p-name a,.p-replay a:hover{color: #404040;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .p-name a:hover{color: #6DAAFF;} .sub-comment{margin-left:5%;} .artical-comment-grid{margin-bottom:1em;} .table-form{margin: 2em auto;} .table-form form input[type="text"]{border: 1px solid rgba(192, 192, 192, 0.61);outline: none;padding: 12px;color: #333333;overflow: hidden;width: 30%;display: block;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;transition: border-color 0.3s;-o-transition: border-color 0.3s;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;-webkit-appearance: none;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);} .table-form textarea{padding: 8px;outline:none;color: #333333;border: 1px solid rgba(192, 192, 192, 0.61);width:60%;height:180px;resize: none;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;transition: border-color 0.3s;-o-transition: border-color 0.3s;-ms-transition: border-color 0.3s;-moz-transition: border-color 0.3s;-webkit-transition: border-color 0.3s;-webkit-appearance: none;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);} .table-form form input[type="text"]:hover,.table-form textarea:hover{border: 1px solid rgba(119, 199, 231, 0.45);} .table-form input[type="submit"]{color: #5a5a5a;padding: 0.8em 1.5em;background: #fff;text-decoration: none;text-shadow: none;border: 1px solid rgba(192, 192, 192, 0.61);display: block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;cursor:pointer;font-size: 1em;outline:none;} .table-form input[type="submit"]:hover{color:#6DAAFF;border: 1px solid rgba(119, 199, 231, 0.45);} .table-form label{display: block;margin: 0.4em 0 0.5em;} .table-form div{margin:0.5em 0;} .table-form div {margin: 1em 0;} .shortcode-grids{padding:2em 0 0;} #accordian h3 {background: url("../images/right-arrowb.png") #F3F3F3;background-repeat: no-repeat;background-position: 95% 50%;font-weight: 700;color: #3D3E41;padding: 0.6em;border-bottom: 3px solid #E4E4E4;margin-bottom: 0.5em;} #accordian h3:hover {text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);} #accordian h3 span {margin-right: 10px;} #accordian li p{font-size: 0.875em;color: #3D3E41;line-height: 1.7em;background: #F3F3F3;padding: 1em;margin-bottom: 0.5em;border-bottom: 2px solid #40A6CF;} #accordian ul ul {display: none;} #accordian li.active ul{display:block;} .shortcode-grid-row1{float:left;width:31%;margin-right:2%;} .alert1{background: #F2DEDE;padding: 0.6em;border-bottom: 3px solid #F7C7C9;color:#3D3E41;margin-bottom:0.5em;} .alert1-left{float:left;} .alert1-left p span{font-weight:600;} .alert1-right{float:right;} .alert1-right span{width: 14px;height: 12px;display: inline-block;background: url(../images/alertcloseico.png) no-repeat 0px 0px;vertical-align: middle;} .alert2{background: #D9EDF7;padding: 0.6em;border-bottom: 3px solid #9AC9DF;color:#3D3E41;margin-bottom:0.5em;} .alert2-left{float:left;} .alert2-left p span{font-weight:600;} .alert2-right{float:right;} .alert2-right span{width: 14px;height: 12px;display: inline-block;background: url(../images/alertcloseico.png) no-repeat 0px -50px;vertical-align: middle;} .alert3{background: #E5F7D9;padding: 0.6em;border-bottom: 3px solid #CBDF9A;color:#3D3E41;margin-bottom:0.5em;} .alert3-left{float:left;} .alert3-left p span{font-weight:600;} .alert3-right{float:right} .alert3-right span{width: 14px;height: 12px;display: inline-block;background: url(../images/alertcloseico.png) no-repeat 0px -100px;vertical-align: middle;} .alert4{background: #F7F6D9;padding: 0.6em;border-bottom: 3px solid #DFDB9A;color:#3D3E41;margin-bottom:0.5em;} .alert4-left{float:left;} .alert4-left p span{font-weight:600;} .alert4-right{float:right;} .alert4-right span{width: 14px;height: 12px;display: inline-block;background: url(../images/alertcloseico.png) no-repeat 0px -150px;vertical-align: middle;} .resp-tabs-list li {font-weight: 700;font-size: 1em;display: inline-block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;float: left;color:#3D3E41;} .not-active{background: #F3F3F3;} .resp-tabs-container {padding: 0px;background-color: #fff;clear: left;} h2.resp-accordion {cursor: pointer;padding: 5px;display: none;} .resp-tab-content {display: none;padding: 5px 0;} .resp-tab-active {border-top: 3px solid #40A6CF;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;} .resp-tab-active {border-bottom: none;background-color: #fff;} .resp-content-active, .resp-accordion-active {display: block;} .resp-tab-content p{font-size: 0.875em;color: #3D3E41;line-height: 1.7em;margin-bottom: 0.5em;} h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;} h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;} h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;} h2.resp-tab-active {background: #DBDBDB !important;} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;} .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;} .shortcode-grids-row2{margin-top:1em;} .shortcode-grid-row2{float: left;width: 31%;margin-right: 2%;} .shortcode-grids-row2 ul li p{font-size: 0.875em;color: #3D3E41;line-height: 1.7em;margin-bottom: 0.5em;} .shortcode-grids-row2 ul li p span{width:10px;height:10px;display:inline-block;margin-right:0.5em;} .icon01 p span{background:url(../images/arrows.png) no-repeat;} .icon02 p span{background: url(../images/arrows.png) no-repeat 0px -29px;} .icon03 p span{background: url(../images/arrows.png) no-repeat 0px -59px;} .icon04 p span{background: url(../images/arrows.png) no-repeat 0px -89px;} .icon05 p span{background: url(../images/arrows.png) no-repeat 0px -119px;} .icon06 p span{background: url(../images/arrows.png) no-repeat 0px -149px;} .shortcode-info-box{background:#F3F3F3;padding:1em;} .shortcode-info-box p{font-weight: 400;color: #3D3E41;padding: 0.6em 0;margin-bottom: 0.5em;text-align: center;line-height: 1.5em;font-size: 1.3em;} .shortcode-info-box a {background: #6DAAFF;color: #fff;font-weight: 100;padding: 0.8em 1.78em;display: inline-block;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;letter-spacing: 0.1em;} .shortcode-info-box a:hover {background: #5695EC;} .lpara{font-size: 0.875em;color: #3D3E41;line-height: 1.7em;margin-bottom: 0.5em;} .lpara:first-letter{color: #40A6CF;text-transform: uppercase;font-size:2.5em;font-weight: 700;padding: 0em 0;margin-right:0.3em;} .shortcode-grids-row3{margin-top:1em;} .shortcode-grid-row3{float: left;width: 31%;margin-right: 2%;} .shortcode-grids-row3 h4{color: #3D3E41;text-transform: uppercase;font-size: 1.3em;font-weight: 700;padding: 0.3em 0 1em;} .blue-btns ul li{display:block;} .blue-btns li input[type="button"]{width: 100%;padding: 0.7em;cursor: pointer;color: #FFF;font-size: 1em;outline: none;margin-bottom: 0.6em;} .blue-btn-normal input[type="button"]{background:#6DAAFF;border:1px solid #6DAAFF;} .blue-btn-hover input[type="button"]{background:#6DAAFF;border-bottom:3px solid #477CC6;border-left:none;border-right:none;border-top:none;} .blue-btn-active input[type="button"]{background:#477CC6;border-bottom:3px solid #6DAAFF;border-left:none;border-right:none;border-top:none;} .gray-btns ul li{display:block;} .gray-btns li input[type="button"]{width: 100%;padding: 0.7em;cursor: pointer;font-size: 1em;outline: none;margin-bottom: 0.6em;font-weight:700;} .gray-btn-normal input[type="button"]{background:#F3F3F3;border:3px solid #CDCDCD;color:#6DAAFF;border-left:none;border-right:none;border-top:none;} .gray-btn-hover input[type="button"]{background:#F3F3F3;border-bottom:3px solid #6DAAFF;border-left:none;border-right:none;border-top:none;color:#6DAAFF;} .gray-btn-active input[type="button"]{background:#E8E8E8;border-bottom:3px solid #E8E8E8;border-left:none;border-right:none;border-top:none;color:#3D3E41;} .drak-btns ul li{display:block;} .drak-btns li input[type="button"]{width: 100%;padding: 0.7em;cursor: pointer;font-size: 1em;outline: none;margin-bottom: 0.6em;font-weight:700;} .drak-btn-normal input[type="button"]{background:#3D3E41;border:3px solid #CDCDCD;color:#FFF;border-left:none;border-right:none;border-top:none;} .drak-btn-hover input[type="button"]{background:#3D3E41;border-bottom:3px solid #6DAAFF;border-left:none;border-right:none;border-top:none;color:#6DAAFF;} .drak-btn-active input[type="button"]{background:#3D3E41;border-bottom:3px solid #3D3E41;border-left:none;border-right:none;border-top:none;color:#6DAAFF;} .shortcode-grids-row4{margin-top:1em;} .shortcode-grid-row4{float:left;width:49%;margin-right:2%;} .shortcode-grid-row4:nth-child(2){margin-right:0;} .shortcode-grid-row4 h4{color: #3D3E41;text-transform: uppercase;font-size: 1.3em;font-weight: 700;padding: 0.3em 0 1em;} .b-left{float:left;width:49%;margin-right:2%;} .g-right{float:right;width:49%;margin-right:0;} .shortcode-grid-row4 li input[type="button"] {width: 100%;padding: 0.5em;cursor: pointer;font-size: 1em;outline: none;margin-bottom: 0.6em;} .b-left-btn-normal input[type="button"]{background:#6DAAFF;border:3px solid #6DAAFF; color: #FFF;font-weight:700;} .b-left-btn-hover input[type="button"]{background:#6598DF;border:3px solid #6598DF; color: #FFF;font-weight:700;} .b-left-btn-active input[type="button"]{background:#477CC6;border:3px solid #477CC6; color: #FFF;font-weight:700;} .g-left-btn-normal input[type="button"]{background:#F3F3F3;border:3px solid #F3F3F3; color: #3D3E41;font-weight:700;} .g-left-btn-hover input[type="button"]{background:#E8E8E8;border:3px solid #E8E8E8;color: #3D3E41;font-weight:700;} .g-left-btn-active input[type="button"]{background:#F3F3F3;border:3px solid #F3F3F3; color: #3D3E41;font-weight:700;} .short-codepara-grid span{background: #40A6CF;height: 2px;display: block;width: 10%;} .short-codepara-grid-head1 h1{color: #3D3E41;text-transform: uppercase;font-size: 2.8em;font-weight: 700;padding: 0em 0;} .short-codepara-grid-head1{border-bottom:1px solid #EEE;} .short-codepara{padding:3em 0;} .short-codepara-grid{margin-bottom:2em;} .short-codepara-grid p{font-size: 0.875em;color: #3D3E41;line-height: 1.7em;margin: 1em 0;} .short-codepara-grid-head2 h2{color: #3D3E41;text-transform: uppercase;font-size: 2.2em;font-weight: 700;padding: 0em 0;} .short-codepara-grid-head3 h3{color: #3D3E41;text-transform: uppercase;font-size: 2em;font-weight: 700;padding: 0em 0;} .short-codepara-grid-head4 h4{color: #3D3E41;text-transform: uppercase;font-size: 1.7em;font-weight: 700;padding: 0em 0;} .short-codepara-grid-head5 h5{color: #3D3E41;text-transform: uppercase;font-size: 1.4em;font-weight: 700;padding: 0em 0;} .short-codepara-grid-head6 h6{color: #3D3E41;text-transform: uppercase;font-size: 1em;font-weight: 700;padding: 0em 0;} .link {position: relative;font-size: 13px;font-weight: 600;text-transform: uppercase;color:#1f76bd;} .link:after {position: absolute;top: 8px;right: -15px;width: 9px;height: 2px;background: #17bed2;content: " ";} h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {color: #999caa;text-decoration: none;} h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {text-decoration: none;} h1 {font-size: 40px;} h2 {font-size: 30px;} h3 {font-size: 22px;} ::selection {color: #fff;background: #17bed2;text-shadow: none;} ::-webkit-selection {color: #fff;background: #17bed2;text-shadow: none;} ::-moz-selection {color: #fff;background: #17bed2;text-shadow: none;} :active,:focus {outline: none;} .section-seperator {border-bottom: 1px solid #edf0f2;} .accordion .panel-default {border: none;} .accordion .panel-heading {border-radius: 0;} .accordion .panel-default > .panel-heading {color: #515769;background: #fff;border: none;padding: 0;} .accordion .panel-title {font-size: 22px;} .accordion .panel-title-child {display: block;padding: 30px;} .accordion .panel-group .panel + .panel {border-radius: 0;margin-top: 10px;} .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {font-size: 16px;border-top: none;padding: 0 30px 30px 30px;margin-top: -1px;} .accordion [aria-expanded="true"],.accordion .collapse.in {color: #fff;background: #17bed2;} .btn-theme {position: relative;display: inline-block;line-height: 1.4;text-align: center;background-image: none;border-style: solid;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .btn-theme:focus, .btn-theme:active:focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme.active.focus {outline: none;} .btn-theme:hover {transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .btn-theme:hover, .btn-theme:focus, .btn-theme.focus {text-decoration: none;} .btn-theme:active, .btn-theme.active {background-image: none;outline: 0;} .btn-theme.disabled, .btn-theme[disabled],fieldset[disabled] .btn-theme {cursor: not-allowed;box-shadow: none;opacity: .65;pointer-events: none;} .btn-white-bg {color: #fff;background: #515769;border-color: transparent;border-width: 0;} .btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus {color: #fff;background: #17bed2;border-color: transparent;} .btn-white-brd {color: #fff;background: transparent;border-color: #fff;border-width: 2px;} .btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus {color: #515769;background: #fff;border-color: #fff;} .btn-default-bg {color: #515769;background: #f3f4f5;border-color: transparent;border-width: 0;} .btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus {color: #fff;background: #17bed2;border-color: transparent;} .btn-theme-sm {font-size: 13px;font-weight: 600;padding: 15px 40px;} .pricing {padding: 70px 45px;background: #fff;margin-top: 50px;} .pricing.pricing-active {padding-top: 110px;padding-bottom: 110px;margin-top: 10px;} .pricing .pricing-icon {display: block;font-size: 30px;color: #999caa;margin-bottom: 30px;} .pricing .pricing-list-item {position: relative;font-size: 13px;color: #81848f;padding-left: 20px;margin-bottom: 10px;} .pricing .pricing-list-item:before {position: absolute;top: 7px;left: 0;width: 9px;height: 2px;background: #17bed2;content: " ";margin-right: 10px;} .service {background: #fff;padding: 50px;} .service .service-element,.service .service-info {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .service .service-icon {display: block;font-size: 30px;color: #999caa;margin-bottom: 30px;} .service:hover .service-element {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .service:hover .service-info {-webkit-transform: translate3d(0, -30%, 0);-moz-transform: translate3d(0, -30%, 0);transform: translate3d(0, -30%, 0);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work {position: relative;display: block;} .work .work-overlay {position: relative;cursor: pointer;} .work .work-overlay:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;content: " ";transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work:hover .work-overlay:before {background: rgba(0, 0, 0, 0.5);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work .work-popup-overlay {position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 99999;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow-x: hidden;background: rgba(81, 87, 105, 0.4);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work .work-popup-overlay-show {opacity: 1;visibility: visible;-webkit-backface-visibility: visible;backface-visibility: visible;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work .work-popup-content {position: absolute;top: 50%;left: 0;right: 0;width: 730px;height: auto;display: block;background: #fff;padding: 30px;margin: 0 auto;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);} .work .work-popup-content-divider {border-right: 1px solid #cdcecf;} .work .work-popup-close {float: right;font-size: 13px;font-weight: 700;color: #c5c6cb;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work .work-popup-close:hover {color: #aaacb3;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .work .work-popup-tag {margin: 0;} .work .work-popup-tag-item {padding: 0 2px;} .work .work-popup-tag-link {font-size: 13px;} .work .work-content {bottom: 0;opacity: 0;padding: 25px;-webkit-transform: translate3d(0,20px,0);-moz-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0);} .work .work-content {position: absolute;transition-duration: .3s;transition-property: all;transition-timing-function: cubic-bezier(.7,1,.7,1); left: 0;} .masonry-grid .masonry-grid-item {display: block;float: left;vertical-align: top;padding: 0 2px;margin-bottom: 4px;} .content-wrapper-link {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;z-index: 3;} .fh5co-product-2 {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;} .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .fh5co-product-2 .fh5co-half {min-height: 500px;padding: 3em;width: 50%;font-size: 20px;line-height:25px;background-color: #f7f7f7;} .fh5co-product-2 .img {background-color: #57cecd;background-size: cover;background-repeat: no-repeat;background-position: center center;padding: 7em;} .btn-outline {border: 2px solid #eaeaea !important;background: transparent;color: #2a2e37;} .fh5co-product-2 .fh5co-half {min-height: 500px;padding: 3em;width: 50%;font-size: 20px;line-height: 38px;background-color: #f7f7f7;} .fh5co-product-2 .fh5co-half h3 {font-size: 30px;font-weight: 300;} .btn-outline {border: 2px solid #eaeaea !important;background: transparent;color: #2a2e37;} .contact-list > li {font-size: 13px;color: #81848f;margin-bottom: 10px;} .back-to-top {position: fixed;right: 10px;bottom: 10px;display: inline-block;z-index: 9;width: 40px;height: 40px;font-size: 11px;font-weight: 400;color: #fff;text-align: center;line-height: 3;letter-spacing: 1px;text-transform: uppercase;background: #515769;border-radius: 3px;visibility: hidden;opacity: 0;padding: 5px;-webkit-transform: translate3d(0, 50px, 0);-moz-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .back-to-top:hover {color: #fff;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .back-to-top:focus, .back-to-top:hover {text-decoration: none;} .back-to-top.back-to-top-is-visible {visibility: visible;opacity: .6;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .back-to-top.back-to-top-is-visible:hover {opacity: 1;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .back-to-top.back-to-top-fade-out {opacity: .4;} .back-to-top.back-to-top-fade-out:hover {opacity: 1;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;} .swiper-slider {position: relative;width: 100%;height: 100%;overflow: hidden;} .swiper-clients-img {display: block;width: 190px;height: auto;margin: 0 auto;opacity: 1;cursor: pointer;transition-duration: 200ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .swiper-clients-img:hover {opacity: .8;transition-duration: 200ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .color-base {color: #17bed2 !important;} .color-white {color: #fff !important;} .color-heading {color: #515769 !important;} .color-subtitle {color: #a6a7aa !important;} .color-link {color: #81848f !important;} .color-link-hover {color: #999caa !important;} .color-sky-light {color: #fafafa !important;} .bg-color-base { background: #17bed2 !important;} .bg-color-white {background: #fff !important;} .bg-color-heading {background: #515769 !important;} .bg-color-subtitle {background: #a6a7aa !important;} .bg-color-link {background: #81848f !important;} .bg-color-link-hover {background: #999caa !important;} .row-space-1 {margin-right: -1px;margin-left: -1px;} .row-space-1 > [class*="col-"] {padding-left: 1px;padding-right: 1px;} .content {padding-top: 40px;padding-bottom: 40px;} .content-sm {padding-top: 60px;padding-bottom: 60px;} .content-md {padding-top: 80px;padding-bottom: 80px;} .full-width {width: 100%;height: auto;} .fweight-300 {font-weight: 300 !important;} .fweight-400 {font-weight: 400 !important;} .fweight-500 {font-weight: 500 !important;} .fweight-600 {font-weight: 600 !important;} .fweight-700 {font-weight: 700 !important;} .margin-l-0 {margin-left: 0 !important;} .margin-l-5 {margin-left: 5px !important;} .margin-l-10 {margin-left: 10px !important;} .margin-l-20 {margin-left: 20px !important;} .margin-r-0 {margin-right: 0 !important;} .margin-r-5 {margin-right: 5px !important;} .margin-r-10 {margin-right: 10px !important;} .margin-r-20 {margin-right: 20px !important;} .margin-t-0 {margin-top: 0 !important;} .margin-t-5 {margin-top: 5px !important;} .margin-t-10 {margin-top: 10px !important;} .margin-t-20 {margin-top: 20px !important;} .margin-t-30 {margin-top: 30px !important;} .margin-t-40 {margin-top: 40px !important;} .margin-t-50 {margin-top: 50px !important;} .margin-t-60 {margin-top: 60px !important;} .margin-b-0 {margin-bottom: 0 !important;} .margin-b-2 {margin-bottom: 2px !important;} .margin-b-5 {margin-bottom: 5px !important;} .margin-b-10 {margin-bottom: 10px !important;} .margin-b-20 {margin-bottom: 20px !important;} .margin-b-30 {margin-bottom: 30px !important;} .margin-b-40 {margin-bottom: 40px !important;} .margin-b-50 {margin-bottom: 50px !important;} .margin-b-60 {margin-bottom: 60px !important;} .margin-b-70 {margin-bottom: 70px !important;} .margin-b-80 {margin-bottom: 80px !important;} .margin-b-90 {margin-bottom: 90px !important;} .margin-b-100 {margin-bottom: 100px !important;} .height-100 { height: 100px !important;} .height-200 { height: 200px !important;} .height-300 {height: 300px !important;} .contact-map {height: 350px;background: #ccc;} form .alert {display: none;} .grid_4 {width: 370px;} [class*="grid_"] {float: right;min-height: 1px;} .gall_block {background-color: #f1f0f1;padding: 1px;} .gall_item img {transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;width: 100%;box-shadow: 0 0 #fff;} .gall_bot .text1 {margin-bottom: 22px;font-size: 16px;margin-bottom: 2px;line-height: 30px;text-align:center;margin-top:25px;} .ptxt{font-size: 14px;line-height:30px;text-align:right;margin-top:25px;text-align:justify;padding:0 20px 0 20px;} .gall_bot .buttom {border: none;font-weight: 100;color: #FFF;cursor: pointer;padding: 15px 10px;display: inline-block;font-size: 1em;outline: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;background: #1f76bd; margin-bottom:15px;} #testimonial blockquote:after {content: '';position: absolute;border-style: solid;border-width: 12px 12px 0 12px;border-color: #1f76bd transparent; display: block;width: 0;z-index: 1;bottom: -12px;left: 10%;} #testimonial .author {margin-bottom: 0;margin-left: 10px; color: #333;margin-bottom:30px;} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #eeeeee;} blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {margin-bottom: 0;} blockquote footer,blockquote small,blockquote .small {display: block;font-size: 80%;line-height: 1.42857;color: #777777;} blockquote footer:before,blockquote small:before,blockquote .small:before {content: '\2014 \00A0';} .featured-grid, .featured-grid.featured-grid-2 {width: 100%;height: 510px;float: left;background-size: cover;background-position: center center; position: relative;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;border-radius: 4px;} #fh5co-featured-section, #fh5co-intro-section, #fh5co-services-section, #fh5co-blog-section, #fh5co-client-section, #fh5co-work-section, #fh5co-main-services-section, #fh5co-about-section, #fh5co-contact-section {padding-bottom: 6em;} .featured-grid.featured-grid-2 {height: 240px;margin-bottom: 30px;} .support-txt p{text-align:justify;font-size:14px;line-height:35px;margin-top:0px;} .support-txt li{text-align:justify;font-size:14px;line-height:35px;} .box {border: 2px solid #1f76bd;padding: 10px;display: inline-block;width: 100%;border-radius:10px;background:#dff2f8;} .parsiang{background: #fff;border: 3px solid #cccccc;padding: 10px;display: inline-block;width: 100%;} .branches p{line-height:35px;margin-top:40px;} .aboutp {font-size:16px;;line-height:35px; text-align:justify;} .promo-block{ background:url(../images/image2.png);} .promo-block .promo-block-title {font-size: 30px;line-height: 1;text-align:center;margin-top:130px;} .promo-block-text {font-size:20px;line-height: 1;text-align:center;margin-top:50px;margin-bottom:50px;} .fh5co-cover {min-height: 448px;position: relative;margin-bottom: 40px;background-size: cover;background: center center;background-image: none;} .fh5co-cover .desc p {color: #fff;margin-bottom: 10px;} .fh5co-cover .desc {position: absolute;bottom: 0;left: 0;right: 0;padding: 40px;background: rgba(0, 0, 0, 0.2);} .fh5co-cover .desc span {font-size: 16px;color:#1f76bd;} @media (max-width: 768px) { .pricing {margin-top: 0;} } @media only screen and (max-width: 768px) { ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block;} .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;} .resp-accordion-closed {display:none !important;} .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} } @media (max-width: 1200px) { .about-us-col {padding: 15px;} .reasons-col:hover .on-hover {padding: 15px;} .reasons-col:hover .on-hover {padding: 25px;} .navbar-brand{padding-top: 11px;} .services ul li{margin:0 0.5em; } .grid figure h2{font: 700 1.5em Roboto,Arial,Helvetica;} figure.effect-oscar figcaption{padding: 12%;} figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before{top: 20px;right: 20px;bottom: 20px;left: 20px;} .partners img{margin: 0 25px 25px 0;} } @media (max-width: 992px) { .carousel-home .carousel-title {font-size: 36px;} .carousel-home .carousel-subtitle {font-size: 18px;} .carousel-home .btn {margin-top: 15px;} .about-us-col {margin-bottom: 25px;} .team-member {margin-bottom: 25px;} .reasons-col {margin-bottom: 25px;} .footer-col {margin-bottom: 50px;}} @media (max-width: 768px) { .header-contact {text-align: center;}.header-contact li {margin: 0 !important;} .header-social {text-align: center;} .navbar-main #navbar {float: none !important;} .navbar-main #navbar a {border-bottom: none;} .navbar-main .navbar-brand {padding: 6px 15px;} .navbar-main .submenu {position: initial;display: none;width: 100%;} .navbar-main li:hover .submenu,.navbar-main li:active .submenu,.navbar-main li:focus .submenu {display: block;}.navbar-main li:hover .submenu li, .navbar-main li:active .submenu li,.navbar-main li:focus .submenu li {background: #115c9b; border-top-color: #1f76bd;} .carousel-home .carousel-title {font-size: 32px;} .carousel-home .carousel-subtitle {font-size: 16px;} .carousel-home .carousel-control {background: #1f76bd;height: 40px;width: 20px;top: 50%; margin-top: -20px;} .carousel-home .carousel-control .fa {font-size: 1.5em;padding-top: 4px;} .col-form {margin-bottom: 25px;} .wrap{width:95%;} .h_logo4{text-align:center;float: none;margin: 4% 0;} .h_menu4{float: none;margin:2% 0;} .toggleMenu {padding: 10px 15px;width: 96%;} .nav li a {padding: 10px 15px;} .nav {background: rgba(255, 255, 255, 0.22);} .active {display: block;} .nav > li {float: none;} .nav > li > .parent { background-position: 95% 50% !important;} .nav ul {display: block;width: 100%;} .nav > li.hover > ul , .nav li li.hover ul {position: static;} .wrap{width:90%;} .header-top {background:none;} ul.progress.vertical {margin-right:14px;} span.left_line {width: 240px;bottom: 43px;} span.right_line {width: 240px;bottom: 43px;} .to input[type="text"] {width:45.9%;padding:15px 9px;} .view {width: 215px;height: 260px;} .view .mask, .view .content {width: 215px;height: 260px;} h3.m_6 {width:30%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea {width:95.9%;} .nav li a {padding: 10px 20px 30px 20px;} h2.m_1 {font-size:1em;} .desc p {font-size: 0.85em;} .m_3 {font-size: 1.3em;} .span_1_of_middle h3 {font-size: 1em;} .footer-grid4 input[type="submit"] {left: 125px;} ul.blog-list {width:50%;float:left;} .header-top {background: none;padding: 20px 0 0 0;} .blog-poast-admin {bottom: 9.6em;left: 0.5em;} span.left_line1 {width: 260px;bottom: 31px;} span.right_line1 {width: 260px;bottom: 31px;} .m_contact {font-size: 1.4em;} p.m_12 {font-size: 1em;} .wmuSliderPagination {bottom:20px;} .toggleMenu {background: rgba(50, 142, 172, 0.37);} .nav li.active a, .nav li a:hover {border:none;} .desc h3 {font-size: 1.1em;} ul.progress.vertical {width:50px;} .span_1_of_projects {width: 33.8%;} h3.m_4 a {font-size: 0.85em;} .banner-text p {font-size: 0.85em;} i.settings {left:27%;} i.clock {left:27%;} i.aeroplane {left:27%;} .btn a {padding:12px 40px;} .cont1 {float: none;} .span_2_of_g1 {width: 100%;} .labout {float: none;margin:0;} .span_1_of_g1 {width: 100%;} .project-list h4, .project-list1 h4, .project-list2 h4 {font-size: 1.2em;margin-bottom:3%;} .project-list1 {padding-top: 4%;} ul.dc_pagination {margin: 1% 0 4% 0;} ul.dc_pagination li a {font-size: 1em;} .project-list2 {padding-top: 4%;} .btn1 a {font-size: 1.1em;padding: 15px 40px;} .recent-tweet-info {width: 86%;} .pages-top {background: none;padding:15px 0;} .submit {padding:16px 50px;} .col_1_of_projects {float: left;margin: 1% 0 1% 0%;} } @media (max-width: 480px) { .carousel-home .carousel-title {font-size: 16px;margin: 0;} .carousel-home .carousel-subtitle {font-size: 14px;margin: 0;} .carousel-home .carousel-indicators {bottom: 0;} .wrap{width:95%;} .toggleMenu {width: 92%;} .wrap{width:90%;} .header-top {background:none;} ul.progress.vertical {margin-right:14px;} span.left_line {width: 125px;bottom: 30px;} span.right_line {width: 125px;bottom: 30px;} .to input[type="text"] {width: 43.5%;padding: 11px 9px;} .view {width: 200px;height: 245px;} .view .mask, .view .content {width: 200px;height: 245px;} .col_1_of_projects {float:left;margin: 1% 0 1% 0%;} h3.m_6 {width:60%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea {width:93.9%;} .nav li a {padding: 10px 20px 30px 20px;} h2.m_1 {font-size:1em;} .desc p {font-size: 0.85em;} .m_3 {font-size: 1.2em;} .span_1_of_middle h3 {font-size: 1em;} .footer-grid4 input[type="submit"] {left: 303px;} ul.blog-list {width:50%;float:left;} .header-top {background: none;padding:10px 0 0 0;} .blog-poast-admin {bottom: 8em;left: 0.2em;} span.left_line1 {width: 145px;bottom: 22px;} span.right_line1 {width: 145px;bottom: 22px;} .m_contact {font-size: 1.2em;}p.m_12 {font-size:0.85em;} .wmuSliderPagination {bottom:7px;left:40%;} .toggleMenu {background: rgba(50, 142, 172, 0.37);} .nav li.active a, .nav li a:hover {border:none;} .desc h3 {font-size: 1.1em;margin-bottom: 10px;}ul.progress.vertical {width:50px;}.span_1_of_projects {width:49.8%;}h3.m_4 a {font-size: 0.85em;} .banner-text p {font-size: 0.85em;} i.settings {left:35%;} i.clock {left:35%;} i.aeroplane {left:35%;} .btn a {padding:12px 40px;} .cont1 {float: none;} .span_2_of_g1 {width: 100%;} .labout {float: none;margin:0;} .span_1_of_g1 {width: 100%;} .project-list h4, .project-list1 h4, .project-list2 h4 {font-size: 1.2em;margin-bottom:3%;} .project-list1 {padding-top: 4%;} ul.dc_pagination {margin: 1% 0 4% 0;} ul.dc_pagination li a {font-size:0.85em;} .project-list2 {padding-top: 4%;}.btn1 a {font-size: 1.1em;padding: 15px 40px;} .recent-tweet-info {width: 86%;} .pages-top {background: none;padding:15px 0;} .submit {padding: 12px 40px;font-size: 1em;}.span_1_of_4 {width:90%;} .col_1_of_4 {float: none;margin: 10px 0 50px 0;} .desc {padding: 10px;} .span_1_of_middle {width:100%;} .span_1_of_middle img{width:60%;} .col_1_of_middle {float: none;margin: 1% 0 1% 0;} .btn { margin:4% 0;} .footer-grid {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;} .f-logo {margin-bottom: 10px;} .footer-grid2 h4 {padding-bottom: 10px;font-size:1.1em;} .footer-grid2 ul li {margin-bottom: 10px;} ul.dc_pagination li:first-child {margin-right: 0%;} ul.dc_pagination li { margin-left:0;} .span_1_of_b {width: 100%;} .col_1_of_b {float:none;margin: 1% 0 5% 0%;} .button {margin-top: 10px;} .gallery1 li {width: 31.5%;} .slider { margin-bottom:0;} .gallery li {width: 83%;margin-right: 0;margin-bottom: 20px;} ul.dc_pagination li a {padding: 5px 10px 5px 10px;} .blog-poast-info ul li a {font-size: 12px;} } @media screen and (max-width: 640px) { .wrap{width:95%;} .toggleMenu {width: 95%;} .wrap{width:90%;} .header-top {background:none;} ul.progress.vertical {margin-right:14px;} span.left_line {width: 180px;bottom: 37px;} span.right_line {width: 180px;bottom: 37px;} .to input[type="text"] {width: 45.3%;padding: 12px 9px;} .view {width: 215px;height: 260px;} .view .mask, .view .content {width: 215px;height: 260px;} h3.m_6 {width:40%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea {width:95.9%;} .nav li a {padding: 10px 20px 30px 20px;} h2.m_1 {font-size:0.9em;padding: 20px 0 40px;} .desc p {font-size: 0.85em;} .m_3 {font-size: 1.3em;} .span_1_of_middle h3 {font-size: 1em;} .footer-grid4 input[type="submit"] {left: 398px;} .header-top {background: none;padding: 20px 0 0 0;} .blog-poast-admin {bottom:7em;left: 1em;} span.left_line1 {width: 210px;bottom: 27px;} span.right_line1 {width: 210px;bottom: 27px;} .m_contact {font-size: 1.3em;} p.m_12 {font-size: 1em;} .wmuSliderPagination {bottom:20px;} .toggleMenu {background: rgba(50, 142, 172, 0.37);} .nav li.active a, .nav li a:hover {border:none;} .desc h3 {font-size: 1.1em;margin-bottom: 10px;} ul.progress.vertical {width:50px;} .span_1_of_projects {width: 38.8%;} h3.m_4 a {font-size: 0.85em;} .banner-text p {font-size: 0.85em;} i.settings {left:35%;} i.clock {left:35%;} i.aeroplane {left:35%;} .btn a {padding:12px 40px;} .cont1 {float: none;} .span_2_of_g1 {width: 100%;} .labout {float: none;margin:0;} .span_1_of_g1 {width: 100%;} .project-list h4, .project-list1 h4, .project-list2 h4 {font-size: 1.2em;margin-bottom:3%;} .project-list1 {padding-top: 4%;} ul.dc_pagination {margin: 1% 0 4% 0;} ul.dc_pagination li a {font-size: 1em;} .project-list2 {padding-top: 4%;} .btn1 a {font-size: 1.1em;padding: 15px 40px;} .recent-tweet-info {width: 86%;} .pages-top {background: none;padding:15px 0;} .submit {padding:16px 50px;} .span_1_of_4 {width:71%;} .col_1_of_4 {float:none;margin: 1% 0 9% 0%;} .desc {padding: 10px;}.span_1_of_middle {width:100%;} .span_1_of_middle img{width:60%;} .col_1_of_middle {float: none;margin: 1% 0 1% 0;} .btn {margin:4% 0;} .footer-grid {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;} .f-logo {margin-bottom: 10px;} .footer-grid2 h4 {padding-bottom: 10px;} .footer-grid2 ul li {margin-bottom: 10px;} ul.dc_pagination li:first-child {margin-right: 0%;} ul.dc_pagination li { margin-left:0;} .span_1_of_b {width: 100%;} .col_1_of_b {float:none;margin: 1% 0 5% 0%;} .button {margin-top: 10px;} .gallery1 li {width: 31.5%;} .col_1_of_projects {float:left;margin: 1% 0 1% 0%;} } @media screen and (max-width: 320px) { .wrap{width:95%;} .toggleMenu {width: 89%;} .wrap{width:90%;} .header-top {background:none;} ul.progress.vertical {margin-right:14px;} span.left_line {width: 75px;bottom: 20px;} span.right_line {width: 75px;bottom: 20px;} .to input[type="text"] {width: 40.5%;padding: 9px 9px;font-size:0.8125em;} .view {width: 200px;height: 245px;} .view .mask, .view .content {width: 200px;height: 245px;} .col_1_of_projects {float:left;margin: 1% 0 1% 0%;} h3.m_6 {width:90%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea {width:90.9%;padding:9px;font-size:0.8125em;} .nav li a {padding: 10px 20px 30px 20px;} h2.m_1 {font-size: 0.85em;width: 80%;} .desc p {font-size: 0.85em;} .m_3 {font-size:0.85em;color:#000;} .span_1_of_middle h3 {font-size: 1em;} .footer-grid4 input[type="submit"] {left:205px;} ul.blog-list {width:50%;float:left;} .header-top {background: none;padding:10px 0 0 0;} .blog-poast-admin {bottom:11em;left: 0.2em;} span.left_line1 {width: 90px;bottom: 14px;} span.right_line1 {width: 90px;bottom: 14px;} .m_contact {font-size:0.9em;color:#000;} p.m_12 {font-size:0.85em;} .wmuSliderPagination {bottom:20px;left:32%;} .toggleMenu {background: rgba(50, 142, 172, 0.37);} .nav li.active a, .nav li a:hover {border:none;} .desc h3 {font-size: 1.1em;margin-bottom: 10px;} ul.progress.vertical {width:40px;} .span_1_of_projects {width:85%;} h3.m_4 a {font-size: 0.85em;} .banner-text p {font-size: 0.85em;} i.settings {left:32%;} i.clock {left:35%;} i.aeroplane {left:35%;} .btn a {padding:12px 40px;} .cont1 {float: none;} .span_2_of_g1 {width: 100%;} .labout {float: none;margin:0;} .span_1_of_g1 {width: 100%;} .project-list h4, .project-list1 h4, .project-list2 h4 {font-size:1em;margin-bottom: 15px;} .project-list1 {padding-top: 4%;} ul.dc_pagination {margin: 1% 0 8% 0;} ul.dc_pagination li a {font-size:0.8125em;} .project-list2 {padding-top: 4%;} .btn1 a {font-size: 1em;padding: 12px 30px;} .recent-tweet-info {width: 86%;} .pages-top {background: none;padding:15px 0;} .submit {padding: 12px 40px;font-size: 1em;} .span_1_of_4 {width:100%;} .col_1_of_4 {float: none;margin: 10px 0 50px 0;} .desc {padding: 10px;} .span_1_of_middle {width:100%;} .span_1_of_middle img{width:60%;} .col_1_of_middle {float: none;margin: 1% 0 1% 0;} .btn {margin:4% 0;} .footer-grid {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;} .f-logo {margin-bottom: 10px;} .footer-grid2 h4 {padding-bottom: 10px;font-size:1em;} .footer-grid2 ul li {margin-bottom: 10px;} ul.dc_pagination li:first-child {margin-right: 0%;} ul.dc_pagination li { margin-left:0;}.span_1_of_b {width: 100%;} .col_1_of_b {float:none;margin: 1% 0 5% 0%;} .button {margin-top: 10px;} .gallery1 li {width:100%;} .slider { margin-bottom:0;} .gallery li {width:99%;margin-right: 0;margin-bottom: 20px;} ul.dc_pagination li a {padding: 5px 10px 5px 10px;} .blog-poast-info ul li a {font-size: 12px;} .span_1_of_middle p {font-size: 0.8125em;} ul.progress.vertical {min-height: 230px;} .wmuSlider {padding: 0 0 20% 0;} .copy {float: none;margin-bottom:10px;} .social {float: none;} .footer-bottom {text-align: center;} .blog-poast-admin img {width: 55%;} .blog-poast-info ul li {float:right;} .blog-poast-info {padding: 0.8em 1em 3em;} .span_1_of_b h3 a {font-size: 1em;} p.m_11 {display: none;} p.m_10 {font-size: 0.8125em;} } @media (max-width:1366px){ .wrap{width:90%;} .header-top {background: url(../images/border.png) repeat-x 0px 158px;} ul.progress.vertical {margin-right: 49px;} span.left_line {width: 470px;} span.right_line {width: 470px;} .to input[type="text"] {width: 47.9%;} .footer-grid4 input[type="text"] {width: 64%;} } @media (max-width:1280px){ .wrap{width:90%;} .header-top {background: url(../images/border.png) repeat-x 0px 153px;} ul.progress.vertical {margin-right:42px;} span.left_line {width: 470px;} span.right_line {width: 470px;} .to input[type="text"] {width: 47.6%;}.view {width: 270px;height: 330px;} .view .mask, .view .content {width: 270px;height: 330px;} h3.m_6 {width: 20%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea {width: 97.8%;} .pages-top {background: url(../images/border.png) repeat-x 0px 108px;} span.left_line1 {width: 470px;bottom: 48px;} span.right_line1 {width: 470px;bottom: 48px;} } @media (max-width:1024px){ .wrap{width:90%;} .header-top {background: url(../images/border.png) repeat-x 0px 127px;} ul.progress.vertical {margin-right:30px;} span.left_line {width:320px;bottom:55px;} span.right_line {width:320px;bottom:55px;} .to input[type="text"] {width:46.9%;} .view {width: 215px;height: 270px;} .view .mask, .view .content {width: 215px;height: 270px;} h3.m_6 {width:30%;} .footer-grid4 input[type="text"] {width: 68%;} .text input[type="text"], .text textarea { width: 96.9%;} .logo {width: 100px; margin-top:15px; float:left;} .nav li a {padding: 10px 20px 30px 20px;} h2.m_1 {font-size:1.1em;} .desc p {font-size: 0.85em;} .m_3 {font-size: 1.5em;} .span_1_of_middle h3 {font-size: 1em;} .footer-grid4 input[type="submit"] {left: 163px;} ul.blog-list {width: 100%;float: none;} .pages-top {background: url(../images/border.png) repeat-x 0px 91px;} .blog-poast-admin {bottom: 8.6em;} span.left_line1 {width: 350px;bottom: 39px;} span.right_line1 {width: 350px;bottom: 39px;} .m_contact {font-size: 1.5em;} p.m_12 {font-size: 1em;} .wmuSliderPagination {bottom: 40px;left: 45%;}i.settings {left: 33%;} i.clock {left: 33%;}i.aeroplane {left: 33%;} .gallery1 li {width: 31.7%;}ul.progress.vertical {width:55px;} } @media (max-width: 900px) { .btn{padding: 1em 2em;} .partners img{margin: 0 15px 25px 0;width: 157px;} .services ul li{width: 9em;height: 9em;} figure.effect-chico figcaption {padding: 2em;} figure.effect-oscar figcaption {padding: 20%;} figure.effect-chico figcaption::before{top: 10px;right: 10px;bottom: 10px;left: 10px;} .grid figure.effect-chico p{font-size: 0.6em;line-height: 1.5em;} } @media (max-width: 767px) { .navbar-nav > li > a {line-height: 1em;} .navbar-brand{padding: 7px;} .navbar-brand img{height: 37px;} .navbar-toggle{margin-top: 12px;} .carousel-caption,.carousel-control,.carousel-indicators{display: none;} h2.text-center{text-align: left;font-size: 1.7em;} #partners h2{padding: 0 1em;} #home {padding-top: 5em;} .partners{display: block;float: left;} .partners img{width: 120px;} .about.spacer{padding-left: 2em;padding-right: 2em;} .spacer{padding:2em 0 0 0;} .services ul li{margin-bottom: 1em;} .highlight-info .overlay{padding-bottom: 2em;} .grid.team div{margin: 0;padding: 0;} figure.effect-chico figcaption {padding: 1.5em;} .footer{margin-top: 2em;padding-bottom: 2em;} } @media only screen and (max-width:1440px) and (min-width:1366px) { .wrap{width:80%;} } @media only screen and (max-width:1366px) and (min-width:1280px) { .wrap{width:80%;} .header-right {width: 59%;} .services-grid {width: 41.5%;} .shortcode-info-box a {padding: 0.8em 1.5em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;}} @media only screen and (max-width:1280px) and (min-width:1024px) { .wrap{width:80%;}.header-right {width: 64%;} .services-grid {width: 42.6%;margin-right: 2%;margin-bottom: 2%;} .shortcode-info-box a {padding: 0.8em 1em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 241px;height: 241px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 31.33%;margin-right: 2%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 91.6%;} } @media only screen and (max-width:1024px) and (min-width:768px) { .wrap{width:80%;} .header-right {width: 74%;} .services-grid {width: 41%;margin-right: 2%;margin-bottom: 2%; } .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 194px;height: 194px;} .flicker-grids ul li { margin: 0 1% 1% 0;} .about-grid {width: 31.33%;margin-right: 2%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 89.4%;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 5em 0 5em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 45%;} .table-form textarea {width: 80%;} .shortcode-grid-row4 {width: 59%;} } @media only screen and (max-width:768px) and (min-width:640px) { .wrap{width:80%;} .header-right {width: 88%;float: none;position: absolute;top: 18px;} .services-grid {width: 89%;margin-right: 0%;margin-bottom: 2%;} .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 145px;height: 145px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 100%;margin-right: 0%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 89.4%;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 5em 0 5em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 45%;} .table-form textarea {width: 80%;} .shortcode-grid-row4 {width: 59%;} #page{display:block;} .navicon{display: block;width: 32px;height: 32px;position: absolute;top: 28px;left: 11px;background: url(../images/nav-icon.png) no-repeat;} .top-nav{display:none;} .header-left {float: none;text-align: center;} .sb-search {top: 0.66em;} #filters li span {margin-right: 1em;} .works-bg {min-height: 300px;} .about {padding: 1.5em 0 2em;} .services-bg {bottom: -14%;} .contact-left {float: none;width: 100%;} .contact-right {float: none;width: 100%;} .footer-left {float: none;width: 100%;} .footer-right{float:none;width:100%;margin-top:1em;text-align:left;} .blog-left {float: none;width: 100%;}.blog-right {float: none;width: 100%;} .blog-left-head h1 {font-size: 2.2em;} } @media only screen and (max-width:1024px) and (min-width:768px) { .wrap{width:80%;} .header-right {width: 74%;} .services-grid {width: 41%;margin-right: 2%;margin-bottom: 2%; } .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 194px;height: 194px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 31.33%;margin-right: 2%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 89.4%;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 5em 0 5em;}.footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 45%;} .table-form textarea {width: 80%;} .shortcode-grid-row4 {width: 59%;} } @media only screen and (max-width:768px) and (min-width:640px) { .wrap{width:80%;} .header-right {width: 88%;float: none;position: absolute;top: 18px;} .services-grid {width: 89%;margin-right: 0%;margin-bottom: 2%;} .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 145px;height: 145px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 100%;margin-right: 0%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 89.4%;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 5em 0 5em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 45%;} .table-form textarea {width: 80%;} .shortcode-grid-row4 {width: 59%;} #page{display:block;} .navicon{display: block;width: 32px;height: 32px;position: absolute;top: 28px;left: 11px;background: url(../images/nav-icon.png) no-repeat;} .top-nav{display:none;} .header-left {float: none;text-align: center;} .sb-search {top: 0.66em;} #filters li span {margin-right: 1em;} .works-bg {min-height: 300px;} .about {padding: 1.5em 0 2em;} .services-bg {bottom: -14%;} .contact-left {float: none;width: 100%;} .contact-right {float: none;width: 100%;} .footer-left {float: none;width: 100%;} .footer-right{float:none;width:100%;margin-top:1em;text-align:left;} .blog-left {float: none;width: 100%;} .blog-right {float: none;width: 100%;} .blog-left-head h1 {font-size: 2.2em;} } @media only screen and (max-width:640px) and (min-width:480px) { .wrap{width:80%;} .header-right {width: 88%;float: none;position: absolute;top: 18px;} .services-grid {width: 89%;margin-right: 0%;margin-bottom: 2%;} .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 120px;height: 120px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 100%;margin-right: 0%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 87.3%;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 3em 0 3em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 95%;} .table-form textarea {width: 96.5%;} .shortcode-grid-row4 {width: 100%;float: none;margin: 0 0 1em 0;} #page{display:block;} .navicon{display: block;width: 32px;height: 32px;position: absolute;top: 28px;left: 11px;background: url(../images/nav-icon.png) no-repeat;} .top-nav{display:none;} .header-left {float: none;text-align: center;} .sb-search {top: 0.66em;} #filters li span {margin-right: 1em;padding: 10px 20px;text-decoration: none;font-size: 0.875em;} .works-bg {min-height: 220px;} .about {padding: 1.5em 0 2em;} .services-bg {bottom: -12%;} .contact-left {float: none;width: 100%;} .contact-right {float: none;width: 100%;} .footer-left {float: none;width: 100%;} .footer-right{float:none;width:100%;margin-top:1em;text-align:left;} .blog-left {float: none;width: 100%} .blog-right {float: none;width: 100%;} .blog-left-head h1 {font-size: 1.8em;} .services-grid-right h4 {padding: 0 0 0.2em 0;font-size: 1.2em;} .services-grid-left {float: none;width: 100%;text-align: center;} .services-grid-right {float: none;width: 100%;text-align: center;margin-top: 0.5em;} .form-left input[type="text"], .form-right textarea {-webkit-appearance:none;resize:none;} .shortcode-grid-row1 {float: none;width: 100%;margin-right: 0%;} .shortcode-grid-row2 {float: none;width: 100%;margin-right: 0%;} .shortcode-info-box {text-align: center;margin:1em 0;} .shortcode-grid-row3 {float: left;width: 100%;margin-right: 0%;margin-bottom: 1em;} .b-left {float: none;width: 100%;margin-right: 0%;} .g-right {float: none;width: 100%;margin-right: 0;} .form-left {float: none;width: 100%;margin-right: 0%;} .form-right {margin-top:0.5em;float: none;width: 100%;margin-right: 0%;} .blog-artical-grid h3 a ,.blog-single-page h3 a{font-size: 1em;} .blog {padding-top: 1.7em;} } @media only screen and (max-width:480px) and (min-width:320px) { .wrap{width:80%;} .header-right {width: 88%;float: none;position: absolute;top: 18px;} .services-grid {width: 89%;margin-right: 0%;margin-bottom: 2%;padding: 1.3em;} .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 90px;height: 90px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 100%;margin-right: 0%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 87.3%;padding: 0.5em 1.48em;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 3em 0 3em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 1em;} .table-form form input[type="text"] {width: 93%;} .table-form textarea {width: 95.3%;} .shortcode-grid-row4 {width: 100%;float: none;margin: 0 0 1em 0;} #page{display:block;} .navicon{display: block;width: 32px;height: 32px;position: absolute;top: 28px;left: 11px;background: url(../images/nav-icon.png) no-repeat;} .top-nav{display:none;} .header-left {float: none;text-align: center;} .sb-search {top: 0.66em;} #filters li span {margin-right: 0.5em;padding: 10px 10px;text-decoration: none;font-size: 0.875em;} .works-bg {min-height: 180px;} .about {padding: 1.5em 0 2em;} .services-bg {bottom: -11%;min-height: 300px;} .contact-left {float: none;width: 100%;} .contact-right {float: none;width: 100%;} .footer-left {float: none;width: 100%;} .footer-right{float:none;width:100%;margin-top:1em;text-align:left;} .blog-left {float: none;width: 100%;} .blog-right {float: none;width: 100%;} .blog-left-head h1 {font-size: 1.8em;} .services-grid-right h4 {padding: 0 0 0.2em 0;font-size: 1.2em;} .services-grid-left {float: none;width: 100%;text-align: center;} .services-grid-right {float: none;width: 100%;text-align: center;margin-top: 0.5em;} .form-left input[type="text"], .form-right textarea {-webkit-appearance:none;resize:none;width: 92%;} .shortcode-grid-row1 {float: none;width: 100%;margin-right: 0%;} .shortcode-grid-row2 {float: none;width: 100%;margin-right: 0%;} .shortcode-info-box {text-align: center;margin:1em 0;} .shortcode-grid-row3 {float: left;width: 100%;margin-right: 0%;margin-bottom: 1em;} .b-left {float: none;width: 100%;margin-right: 0%;} .g-right {float: none;width: 100%;margin-right: 0;} .form-left {float: none;width: 100%;margin-right: 0%;} .form-right {margin-top:0.5em;float: none;width: 100%;margin-right: 0%;} .blog-artical-grid h3 a ,.blog-single-page h3 a{font-size: 16px;line-height:30px;} .blog {padding-top: 1.7em;}.portfolio:nth-child(4),.portfolio:nth-child(8){display:none;} } @media only screen and (max-width:320px) and (min-width:240px) { .wrap{width:90%;} .header-right {width: 88%;float: none;position: absolute;top: 18px;} .services-grid {width: 88%;margin-right: 0%;margin-bottom: 1em;padding: 1em;} .shortcode-info-box a {padding: 0.5em 0.2em;font-size: 0.875em;} #portfoliolist .portfolio {width: 24%;margin: 1% 1% 1% 0;} .zoom {width: 67px;height: 67px;} .flicker-grids ul li {margin: 0 1% 1% 0;} .about-grid {width: 100%;margin-right: 0%;} .about-grid:nth-child(3){margin-right:0;} .blog-artical-grid-pic-info-admin {width: 94.3%;padding: 0.5em;} .top-nav ul li a {padding: 1.2em 1em;} .footer {padding: 2em 0 2em;} .footer-left h2 {font-size: 1.1em;} .footer-right ul li {margin-right: 0.5em;} .table-form form input[type="text"] {width: 90.2%;} .table-form textarea {width: 93.3%;} .shortcode-grid-row4 {width: 100%;float: none;?margin: 0 0 1em 0;} #page{display:block;} .navicon{display: block;width: 32px;height: 32px;position: absolute;top: 24px;left: 11px;background: url(../images/nav-icon.png) no-repeat;} .top-nav{display:none;} .header-left {float: none;text-align: center;} .sb-search {top: 0.3em;right: -11px;} #filters li span {margin-right: 0.5em;padding: 5px;text-decoration: none;font-size: 0.75em;} .works-bg {min-height: 180px;} .about {padding: 0.5em 0 1em;} .services-bg {bottom: -10%;min-height: 200px;} .contact-left {float: none;width: 100%;} .contact-right {float: none;width: 100%;} .footer-left {float: none;width: 100%;} .footer-right{float:none;width:100%;margin-top:1em;text-align:left;} .blog-left {float: none;width: 100%;} .blog-right {float: none;width: 100%;} .blog-left-head h1 {font-size: 1.8em;} .services-grid-right h4 {padding: 0 0 0.2em 0;font-size: 1.2em;} .services-grid-left {float: none;width: 100%;text-align: center;} .services-grid-right {float: none;width: 100%;text-align: center;margin-top: 0.5em;} .form-left input[type="text"], .form-right textarea {-webkit-appearance:none;resize:none;width: 89%;} .shortcode-grid-row1 {float: none;width: 100%;margin-right: 0%;} .shortcode-grid-row2 {float: none;width: 100%;margin-right: 0%;} .shortcode-info-box {text-align: center;margin:1em 0;} .shortcode-grid-row3 {float: left;width: 100%;margin-right: 0%;margin-bottom: 1em;} .b-left {float: none;width: 100%;margin-right: 0%;} .g-right {float: none;width: 100%;margin-right: 0;} .form-left {float: none;width: 100%;margin-right: 0%;} .form-right {margin-top:0.5em;float: none;width: 100%;margin-right: 0%;} .blog-artical-grid h3 a ,.blog-single-page h3 a{font-size: 16px; line-height:35px;} .blog {padding-top: 1em;} .services-grids {padding: 0.5em 0;} #toTop {right: 10px;} .blog-artical-grid-pic-info-admin-left li a img {width: 70%;} .blog-artical-grid-pic-info-admin-left li p {color: #FFF;font-weight: 600;font-size: 0.7em;} .blog-artical-grid-pic-info-admin-right h6 {font-size: 1em;} .blog-left-head {padding-bottom: 0.5em;} .artical-tags {margin: 0.8em 0;} .artical-tags ul li {margin-bottom: 0.5em;} .blog-artical-pagenate ul li a {padding: 0.2em 0.5em;}.header {padding: 0.8em 0;}.sb-search-input {font-size: 16px;} } @media (max-width: 480px) { .xs-margin-t-0 {margin-top: 0 !important;} .xs-margin-t-5 {margin-top: 5px !important;} .xs-margin-t-10 {margin-top: 10px !important;} .xs-margin-t-20 {margin-top: 20px !important;} .xs-margin-t-30 {margin-top: 30px !important;} .xs-margin-t-40 {margin-top: 40px !important;} .xs-margin-t-50 {margin-top: 50px !important;} .xs-margin-t-60 {margin-top: 60px !important;} .xs-margin-b-0 {margin-bottom: 0 !important;} .xs-margin-b-2 {margin-bottom: 2px !important;} .xs-margin-b-5 {margin-bottom: 5px !important;} .xs-margin-b-10 {margin-bottom: 10px !important;} .xs-margin-b-20 {margin-bottom: 20px !important;} .xs-margin-b-30 {margin-bottom: 30px !important;} .xs-margin-b-40 {margin-bottom: 40px !important;} .xs-margin-b-50 {margin-bottom: 50px !important;} .xs-margin-b-60 {margin-bottom: 60px !important;} .xs-margin-b-70 {margin-bottom: 70px !important;} .xs-margin-b-80 {margin-bottom: 80px !important;} .xs-margin-b-90 {margin-bottom: 90px !important;} .xs-margin-b-100 {margin-bottom: 100px !important;} } @media (max-width: 767px) { .header .menu-container {padding-left: 15px;padding-right: 15px;margin-left: 0;margin-right: 0;} .header .navbar > .container {width: auto;padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;} .header .navbar > .container > .nav-collapse {padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;} } @media (max-width: 768px) { .sm-margin-t-0 {margin-top: 0 !important;} .sm-margin-t-5 {margin-top: 5px !important;} .sm-margin-t-10 {margin-top: 10px !important;} .sm-margin-t-20 {margin-top: 20px !important;} .sm-margin-t-30 {margin-top: 30px !important;} .sm-margin-t-40 {margin-top: 40px !important;} .sm-margin-t-50 {margin-top: 50px !important;} .sm-margin-t-60 {margin-top: 60px !important;} .carousel-title {font-size: 60px;} .sm-margin-b-0 {margin-bottom: 0 !important;} .sm-margin-b-2 {margin-bottom: 2px !important;} .sm-margin-b-5 {margin-bottom: 5px !important;} .sm-margin-b-10 {margin-bottom: 10px !important;} .sm-margin-b-20 {margin-bottom: 20px !important;} .sm-margin-b-30 {margin-bottom: 30px !important;} .sm-margin-b-40 {margin-bottom: 40px !important;} .sm-margin-b-50 {margin-bottom: 50px !important;} .sm-margin-b-60 {margin-bottom: 60px !important;} .sm-margin-b-70 {margin-bottom: 70px !important;} .sm-margin-b-80 {margin-bottom: 80px !important;} .sm-margin-b-90 {margin-bottom: 90px !important;} .sm-margin-b-100 { margin-bottom: 100px !important;} .pricing.pricing-active {margin-top: 0;} .work .work-popup-content {width: 95%;} .work .work-popup-content-divider {border-right: none;border-bottom: 1px solid #cdcecf;} } @media (max-width: 991px) { .header { background: #fff;} .header .navbar-toggle {display: block;} .header .navbar-collapse.collapse { display: none !important;} .header .navbar-collapse.collapse.in {display: block !important;} .header .nav-collapse {padding-left: 0;padding-right: 0;} .header .navbar-nav {margin: 0;float: none;} .header .navbar-nav .nav-item {float: none;} .header .menu-container:before, .header .menu-container:after {content: " ";display: table;} .header .menu-container:after {clear: both;} .header .logo .logo-img-main {display: none;} .header .logo .logo-img-active {display: inline-block;} .header .nav-item-child {color: #515769;line-height: 1.4;padding: 12px 12px 12px 15px;} .header .nav-item-hover:after {position: absolute;top: 19px;} } @media (max-width: 992px) { .md-margin-b-0 {margin-bottom: 0 !important;} .md-margin-b-2 {margin-bottom: 2px !important;} .md-margin-b-5 {margin-bottom: 5px !important;} .md-margin-b-10 {margin-bottom: 10px !important;} .md-margin-b-20 {margin-bottom: 20px !important;} .md-margin-b-30 {margin-bottom: 30px !important;} .md-margin-b-40 {margin-bottom: 40px !important;} .md-margin-b-50 {margin-bottom: 50px !important;} .md-margin-b-60 {margin-bottom: 60px !important;} .md-margin-b-70 {margin-bottom: 70px !important;} .md-margin-b-80 {margin-bottom: 80px !important;} .md-margin-b-90 {margin-bottom: 90px !important;} .md-margin-b-100 {margin-bottom: 100px !important;} .md-margin-t-0 {margin-top: 0 !important;} .md-margin-t-5 {margin-top: 5px !important;} .md-margin-t-10 {margin-top: 10px !important;} .md-margin-t-20 {margin-top: 20px !important;} .md-margin-t-30 {margin-top: 30px !important;} .md-margin-t-40 {margin-top: 40px !important;} .md-margin-t-50 {margin-top: 50px !important;} .md-margin-t-60 {margin-top: 60px !important;} .page-on-scroll .header .navbar {background: #fff;border-bottom-color: #f0f0f0;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .page-on-scroll .header .logo-img-main {display: none;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .page-on-scroll .header .logo-img-active {display: inline-block;transition-duration: 400ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .page-on-scroll .header .nav-item-child {color: #515769;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);} .header .navbar-nav-right {float: right;} } .kk-header-img-wrapper img {width: 100%;display: inline-block;margin-top: 60px; } .about_images {padding: 30px;} .about_image_top {margin-top:25px;} .bg-color {background-color: #333;transition-duration: .5s;} .text-color {color: #ccc;transition-duration: .5s;} .wrapper {min-width: 600px;max-width: 900px;margin: 0 auto;} .tabs {display: table;table-layout: fixed;width: 100%;-webkit-transform: translateY(5px);transform: translateY(5px);margin-top:-15px;} .tabs > li {transition-duration: .25s;display: table-cell;list-style: none;text-align: center;padding: 20px 20px 25px 20px;position: relative; overflow: hidden;cursor: pointer;color: #08C;} .tabs > li:before {z-index: -1;position: absolute;content: "";width: 100%;height: 120%;top: 0;left: 0;background-color: #115c9b; -webkit-transform: translateY(100%);transform: translateY(100%);transition-duration: .25s;border-radius: 5px 5px 0 0;} .tabs > li:hover:before {-webkit-transform: translateY(70%);transform: translateY(70%);} .tabs > li.active {color: #fff;} .tabs > li.active:before {transition-duration: .5s;background-color: #08C;-webkit-transform: translateY(0);transform: translateY(0);} .tab__content {background-color: #08C;position: relative;width: 100%;border-radius: 5px;margin-top:-85px;text-align:justify;line-height:35px;} .tab__content > li {width: 100%;position: absolute;top: 0;left: 0;display: none;list-style: none;} .tab__content > li .content__wrapper {text-align: right;border-radius: 5px;width: 100%;padding: 45px 40px 40px 40px;background-color: #08C; color:#fff;} .main_events_area{} .main_events_area .single_events span{display: inline-block;} .main_events_area .single_events p{font-size:1.875rem;line-height: 2rem;} .main_events_area .single_events span.e_text{} .main_events_area .single_events span.separator3{margin: 10px 50px;} .main_events_area .single_events span.e_price{font-size:2.5rem;} .main_events_area .single_events span.e_text1{margin-left:20px;color:#8e8e8e;} .main_events_area .single_events.events_btn .btn{margin-top:0px;} #testimonial {float: right;width: 100%;color: #52565b;margin-top:75px;} #testimonial blockquote {border-left: none;padding: 20px;background: #dff2f8;-webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);position: relative;font-size:14px;text-align:right;} .features .phone-image {max-width: 250px;margin: auto;margin-bottom: 80px;} .app-brief .phone-image {max-width: 350px;margin: auto;} .subscription-form .subscriber-button {margin-bottom: 0px;padding: 15px 20px 14px;} .subscription-form .subscriber-email {width: 300px;height: 45px;margin-bottom: 0px;background-color: #fff !important;} .subscription-form .subscriber-email:active, .subscription-form .subscriber-email:focus {background-color: #fff !important;} .v-page-heading .breadcrumb {float: right;background-color: transparent;margin-bottom: 0px;padding: 8px 0 6px;font-size: 12px;} .v-page-heading .breadcrumb > li + li:before {padding: 0 3px;} .feature-box-text h3 {font-size: 18px;line-height: 24px;font-weight: normal;margin-bottom: 25px;} .feature-box-text-inner {font-size: 14px;line-height: 24px;font-weight: normal;margin-bottom: 25px;} .v-gallery-widget {margin-bottom: 40px;position: relative;overflow: hidden;} .v-gallery-widget .gallery-nav {margin-top: 30px;} .v-gallery-widget .gallery-nav li {margin-left: 30px;} .v-gallery-widget .gallery-nav li:first-child {margin-left: 0;} .v-gallery-widget .gallery-nav li img {display: block;width: 100%;height: auto;opacity: .7;cursor: pointer;-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .v-gallery-widget .gallery-nav li.flex-active-slide img,.v-gallery-widget .gallery-nav li img:hover {opacity: 1;} .gallery-slider p.flex-caption {position: absolute;bottom: 0;padding: 15px 20px;color: #fff;margin: 0;width: 100%;font-size: 16px;} .v-gmap-widget {margin-bottom: 20px;} .fullscreen-map {padding: 0;} .v-gmap-widget .v-map-wrap {padding: 0;} .v-wrapper.shadow .v-map-wrap {padding: 0 0 1.6%;margin-bottom: 30px;-moz-background-size: 100% auto;background-size: 100% auto;} .map-canvas img {max-width: none;} .v-team-member-wrap {margin-bottom: 30px;display: table;} .v-team-member-box a.read-more i {font-size: 22px;position: absolute;right: 60%;top: -5px;opacity: 0;-webkit-transition: right .3s ease-in-out, opacity .3s ease-in-out;-moz-transition: right .3s ease-in-out, opacity .3s ease-in-out;-o-transition: right .3s ease-in-out, opacity .3s ease-in-out;transition: right .3s ease-in-out, opacity .3s ease-in-out;} .v-team-member-box a.read-more:hover i {opacity: .4;right: 100%;} .v-team-member-statu {color: #a5a5a5;font-size: 14px;line-height: 1;font-style: italic;} .v-team-member-name {font-size: 18px;color: #242424;line-height: 1.6;} .v-team-member-box a.read-more {position: relative;font-size: 11px;line-height: 1.5;text-transform: uppercase;letter-spacing: 1px;color: #7a7a7a;} .v-team-member-box p {color: rgb(122, 122, 122);direction: ltr;display: block;font-size: 14px;font-style: normal;font-weight: normal;line-height: 22px;} .v-team-member-box .read-more {border-bottom: 0px;} .v-team-member-box .read-more:hover {border-bottom: 1px dotted #25CBF5;} .v-team-member-box .widget {padding-bottom: 0px;} .v-team-member-box .v-team-member-img {position: relative;z-index: 1;display: inline-block;margin: 0 auto;border-radius: 2px;} .v-team-member-box .v-team-member-img img {max-width: 100%;max-height: 100%;vertical-align: top;width: 100%;} .v-team-member-box .v-team-member-img .member-bg {position: absolute;z-index: 0;bottom: 0;left: 0;right: 0;height: 60px; background: -moz-linear-gradient(bottom,rgba(0,0,0,0.66),transparent);background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: -o-linear-gradient(bottom,rgba(0,0,0,0.66),transparent);background: -ms-linear-gradient(bottom,rgba(0,0,0,0.66),transparent); background: linear-gradient(bottom,rgba(0,0,0,0.66),transparent);opacity: 0;-webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;} .v-team-member-box .v-team-member-img .social-icons {display: block;position: absolute;left: 0;bottom: 0;height: 36px;opacity: 0; -webkit-transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;color: #fff;} .v-team-member-box .v-team-member-img .social-icons a {width: 36px;height: 36px;color: inherit;} .v-team-member-box .v-team-member-img .social-icons a i {width: 36px;height: 36px;line-height: 36px;bottom: auto; -webkit-transition: top .3s ease-in-out;-moz-transition: top .3s ease-in-out;-o-transition: top .3s ease-in-out;transition: top .3s ease-in-out; color: white;} .v-team-member-box .v-team-member-img .social-icons a:hover i {top: 0;} .v-team-member-box .v-team-member-img .social-icons a + .soc-tooltip {display: none;} .v-team-member-box .v-team-member-img:hover .member-bg {opacity: 1;} .v-team-member-box .v-team-member-img:hover .social-icons {opacity: 1;} .v-team-member-box .heading {position: relative;text-align: left;border-bottom: 1px solid #ebebeb;} .v-team-member-box .heading .v-team-member-info {width: 75%;padding-top: 20px;padding-bottom: 21px;position: relative;} .v-team-member-box .heading .v-team-member-info > .v-team-member-name {top: 0;line-height: 1;z-index: 1;color: #242424;} .v-team-member-box .heading .v-team-member-info > .v-team-member-statu {padding-top: 0;position: relative;bottom: 5px;z-index: 1;opacity: 1;} .v-team-member-box .heading .read-more-block {width: 50%;position: absolute;right: 0;bottom: 23px;text-align: right;line-height: 1;} .v-team-member-box .v-team-member-desc {position: relative;text-align: left;padding-top: 20px;} .v-team-member-box .v-team-member-desc p {line-height: inherit;margin-bottom: 0;} .v-team-member-box .social-icons {position: relative;font-size: 16px;text-align: center;} .v-team-member-box ul.social-icons li {height: 36px;float: none;} .v-team-member-box ul.social-icons li:not(.sf-love) a {padding: 0px;} .v-team-member-box .social-icons a {position: relative;display: inline-block;width: 39px;height: 39px;overflow: hidden;color: rgba(255,255,255,0.5); font-size: 12px;line-height: 39px;text-align: center;background-color: transparent;-webkit-transition: color .3s ease-out, top .3sss ease-out; -moz-transition: color .3s ease-out, top .3sss ease-out;transition: color .3s ease-out, top .3sss ease-out;} .v-team-member-box .social-icons a:before {opacity: 1;-webkit-transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out; transition: opacity .2s ease-out;} .v-team-member-box .social-icons a:hover {color: #fff;} .v-team-member-box .social-icons a:hover:before {opacity: 0;} .v-team-member-box .social-icons a:last-child {margin-right: 0px;} .v-team-member-box .social-icons a i {display: block;width: 39px;height: 39px;line-height: 39px;position: absolute;bottom: 37px; -webkit-transition: bottom .3s ease-in-out;-moz-transition: bottom .3s ease-in-out;-o-transition: bottom .3s ease-in-out; transition: bottom .3s ease-in-out;} .v-team-member-box .social-icons.widget.social-icons-bottom-margin,.v-team-member-box .social-icons.social-icons-bottom-margin {margin-bottom: 35px;} .v-team-member-box .widget.social-icons {margin-bottom: 0;margin-left: auto;margin-right: auto;width: 100%;} .v-team-member-box .widget.social-icons h3 {margin-bottom: 23px;} .v-team-member-box .widget.social-icons a {color: #656565;-webkit-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;-moz-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;-o-transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;} .v-team-member-box .widget.social-icons a:hover {color: #fff;} .v-team-member-box .widget.social-icons.social-icons-small a i {bottom: 39px;} .v-team-member-box .widget.social-icons.social-icons-small a:hover i {bottom: 0;} .v-team-member-box .widget.social-icons.social-icons-small .soc-tooltip {display: none;} .v-team-member-box .widget.social-icons.social-icons-small.bordered a {margin-right: 2px;} .v-team-member-box .widget.social-icons.social-icons-small.bordered a:before {display: block;width: 39px;height: 39px;line-height: 39px;text-align: center;border: 1px solid #ebebeb;} .v-icon {font-size: 30px;line-height: 26px;padding: 0;width: auto;height: 24px;background-image: none;color: #25CBF5;} .icon-character {font-weight: bold;margin-left: 5px;margin-right: 12px;} .v-icon.medium {font-size: 38px !important;line-height: 40px !important;width: auto;height: 38px;} .feature-box-icon.small .v-icon {line-height: 28px;height: 30px;} .v-icon.v-icon-large {font-size: 50px;line-height: 69px;width: auto;height: 56px;} .feature-box-icon.cont-large .v-icon {line-height: 76px;} .feature-box-icon.cont-large .v-icon[class^="icon-"] {line-height: 92px;} .feature-box-icon.cont-large .icon-character {font-size: 80px;} .feature-box-icon .v-icon {padding: 0;display: block;} .feature-box-icon {padding: 20px;-moz-border-radius: 0 100px 100px;border-radius: 0 100px 100px;text-align: center;vertical-align: middle; margin-bottom: 20px;margin-right: 20px;height: 30px;width: 30px;line-height: 12px;border: 2px solid transparent;-webkit-box-sizing: content-box; -moz-box-sizing: content-box;-ms-box-sizing: content-box;box-sizing: content-box;-moz-background-size: 100% 100%;background-size: 100% 100%;background-position: center center;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;border-color: #25CBF5;} .browser-ie .feature-box-icon:hover,.browser-ie .sf-hover .feature-box-icon,.browser-ie10 .feature-box-icon:hover,.browser-ie10 .sf-hover .feature-box-icon {background-image: none;} .feature-box-icon.small {padding: 19px 20px 19px 18px;} .feature-box-icon.cont-large {padding: 37px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;text-align: centervertical-align: middle;width: 77px;height: 77px;} .v-icon.v-icon-large:before {font-size: 72px;} .v-icon-float-left {float: left;padding: 5px 10px 0 0;} .v-icon-float-right {float: right;padding: 5px 0 0 10px;} .icn-holder {display: inline-block;} .feature-box h3 > i[class*="icon-"] {vertical-align: -4px;} .feature-box {display: block;position: relative;z-index: 2;} .feature-box.feature-box-st {text-align: center;padding: 10px;} .feature-box-st .feature-box-icon {margin-right: 0;margin-bottom: 5px;} .feature-box-st .v-icon {padding: 0;} .feature-box h3 > i {font-size: 1.3em;margin-right: 15px;} .feature-box.feature-box-st h3 {margin-bottom: 20px;} .feature-box.left-icon h3, .feature-box.left-icon-v2 h3 {margin-top: 0;} .feature-box.left-icon .feature-box-icon {float: left;position: relative;margin-top: 3px;} .feature-box.left-icon-v2 > i {float: left;position: relative;font-size: 42px;line-height: 52px;text-align: center;width: 44px;} .feature-box.left-icon-v2 > span {float: left;position: relative;font-size: 46px;line-height: 46px;text-align: center;width: 48px;margin-left: 0;} .feature-box.feature-box-secundary-two .v-icon {margin-bottom: 15px;} .feature-box.feature-box-secundary-two h3 {margin-top: 10px;} .feature-box[class*="feature-box-secundary-"] .feature-box-icon {-moz-background-size: 100% 100%; background-size: 100% 100%;background-position: center center;position: absolute;left: 42%;top: -32px;-moz-border-radius: 0 100px 100px; -webkit-border-radius: 0 100px 100px;border-radius: 0 100px 100px;height: 30px;width: 30px;line-height: 12px;border: 0;margin: 0; -moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .browser-ie .feature-box[class*="feature-box-secundary-"] .feature-box-icon,.browser-ie10 .feature-box[class*="feature-box-secundary-"] .feature-box-icon {background-image: none;} .feature-box.feature-box-secundary-three .feature-box-icon {right: 50%;margin-right: -35px;} .feature-box[class*="feature-box-secundary-"] .feature-box-text {background: #dff2f8;padding: 40px 30px 40px 30px;margin-top: 35px;margin-bottom: 20px;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;} .feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-icon {top: 35%;left: 0px;} .feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-text {margin-left: 35px;padding: 20px 30px 30px 50px;} .feature-box[class*="feature-box-secundary-"].left-icon-x h3,.feature-box[class*="feature-box-secundary-"].left-icon-x .feature-box-text-inner { text-align: left;} .feature-box.feature-box-secundary-three .feature-box-text {padding: 60px 30px 65px 30px;padding-bottom: 40px;} .feature-box.feature-box-secundary-two .feature-box-text {padding-bottom: 30px;text-align: center;} .feature-box.feature-box-secundary-four .feature-box-text {padding: 25px 30px 20px;} .feature-box.feature-box-secundary-four h3 {margin-top: 0;} .feature-box .feature-box-text {display: block;} .feature-box.left-icon .feature-box-text {display: block;margin-left: 90px;} .feature-box.left-icon-v2 .feature-box-text {display: block;margin-left: 60px;} .feature-box.left-icon-v2 .feature-box-text h3 {margin-bottom: 10px;} .feature-box.feature-box-secundary-three h3,.feature-box.feature-box-secundary-three .feature-box-text-inner {text-align: center;} .feature-box[class*="feature-box-secundary-"] h3, .feature-box[class*="feature-box-secundary-"] .feature-box-text-inner {color: #333!important;text-align: center;} .feature-box-line {width: 50px;height: 1px;margin: 0 auto;display: block;background: #e4e4e4;margin-bottom: 20px; -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0s!important; -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important; transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) 0!important;} .sf-hover .feature-box-line {width: 100px;} .feature-box-text-inner {display: block;width: 100%;line-height: 165%;} .feature-box-text-inner p:last-child {margin-bottom: 0;} .feature-box-icon:hover,.sf-hover .feature-box-icon,.feature-box[class*="feature-box-secundary-"] .feature-box-icon,.sf-hover .feature-box-line { background-color: #1f76bd;} .feature-box-icon:hover .v-icon,.sf-hover .feature-box-icon .v-icon,.feature-box.feature-box-secundary-one .v-icon,.feature-box.feature-box-secundary-three .v-icon {color: #ffffff;} .feature-box .icon-white {color: #ffffff;} .feature-box-animated .back,.feature-box-animated .back h3 {color: #ffffff !important;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls {position: absolute;bottom: 60px;right: 12px;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls .owl-page span {border: 1px solid rgb(31, 31, 31);width: 9px;height: 9px;} .v-testimonial-wrap:not(.v-testimonial-fw) .owl-theme .owl-controls .owl-page.active span {width: 10px;height: 10px;border: 2px solid #777;} .v-testimonial-wrap-v2 .owl-theme .owl-controls {position: absolute;bottom: 14px;right: 15px;} .v-testimonial-wrap-v2 .owl-theme .owl-controls .owl-page span {border: 1px solid rgb(31, 31, 31);width: 9px;height: 9px;} .v-testimonial-wrap-v2 .owl-theme .owl-controls .owl-page.active span {width: 10px;height: 10px;border: 2px solid #777;} .testimonial.fw-carousel-style .owl-theme .owl-controls {margin-top: 0px;} .v-shadow-wrap {z-index: 1;position: relative;} .v-box-shadow {background: #fff;position: relative;} .v-box-shadow:after,.v-box-shadow:before {top: 80%;left: 5px;width: 50%;z-index: -1;content: "";bottom: 15px;max-width: 300px;background: #999;position: absolute;} .shadow-effect-1 {-moz-box-shadow: 0 10px 6px -6px #bbb;-webkit-box-shadow: 0 10px 6px -6px #bbb;box-shadow: 0 10px 6px -6px #bbb;} .shadow-effect-2 {position: relative;} .shadow-effect-2:after,.shadow-effect-2:before,.shadow-effect-3:before,.shadow-effect-4:after { -o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-webkit-transform: rotate(-3deg); transform: rotate(-3deg);-moz-box-shadow: 0 15px 10px #999;-webkit-box-shadow: 0 15px 10px #999;box-shadow: 0 15px 10px #999;} .shadow-effect-2:after,.shadow-effect-4:after {left: auto;right: 5px;-o-transform: rotate(3deg);-ms-transform: rotate(3deg);-moz-transform: rotate(3deg);-webkit-transform: rotate(3deg);transform: rotate(3deg);} blockquote.hero {padding: 22px 25px;font-size: 16px;background: #f3f3f3;border-left: solid 2px #25CBF5;margin-bottom: 50px;} .v-tagline-box-v1 {border: solid 1px #eee;border-top: solid 2px #25CBF5;} .v-tagline-box-v2 {border: solid 1px #eee;border-left: solid 2px #25CBF5;} .v-tagline-box {padding: 20px 30px;background: #fff;margin-bottom: 30px;} .v-tagline-box h1,.v-tagline-box h2,.v-tagline-box h3 {margin-top: 5px;} ul.social-icons {height: auto;overflow: hidden;list-style: none!important;} ul.social-icons li {float: left;display: inline-block;} .share-links ul.social-icons li {height: 36px;} ul.social-icons.center li {float: none;} ul.social-icons li:not(.sf-love) a {display: inline-block;padding: 10px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;overflow: hidden; position: relative;text-align: center;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;transition: all 0.35s;} ul.social-icons li:not(.sf-love) a i {display: block;height: 100%;position: relative;top: 1%;-moz-transition: top 0.35s;-o-transition: top 0.35s; -webkit-transition: top 0.35s;transition: top 0.35s;width: 100%;margin-bottom: 30px;} .browser-ie ul.social-icons li a {display: inline-block;padding: 10px;width: 36px;height: 36px;line-height: 36px;font-size: 16px;overflow: hidden; position: relative;text-align: center;-moz-transition: all 0.35s;-o-transition: all 0.35s;-webkit-transition: all 0.35s;transition: all 0.35s; color: #222;} .browser-ie ul.social-icons li a i {display: block;height: 100%;position: relative;top: 0%;-moz-transition: top 0.35s;-o-transition: top 0.35s; -webkit-transition: top 0.35s;transition: top 0.35s;width: 100%;margin-bottom: 31px;} ul.social-icons.light li a {color: #fff;} ul.social-icons.dark li a {color: #222;} ul.social-icons li a:hover {color: #fff!important;} ul.social-icons li a:hover i {top: -46px;} ul.social-icons.large li {height: 50px;margin-bottom: 10px;} ul.social-icons.large li a {padding: 14px;width: 50px;height: 50px;line-height: 50px;font-size: 24px;} ul.social-icons.large li a i {margin-top: 0;} ul.social-icons.large li a:hover i {top: -52px;} ul.social-icons li.twitter a:hover {background-color: #00aced;} ul.social-icons li.facebook a:hover {background-color: #3b5998;} ul.social-icons li.googleplus a:hover {background-color: #dd4b39;} ul.social-icons li.youtube a:hover {background-color: #bb0000;} ul.social-icons li.instagram a:hover {background-color: #517fa4;} ul.social-icons li.linkedin a:hover {background-color: #007bb6;} ul.social-icons li.pinterest a:hover {background-color: #cb2027;} ul.social-icons li.foursquare a:hover {background-color: #00aeef;} ul.social-icons li.flickr a:hover {background-color: #ff0084;} ul.social-icons li.tumblr a:hover {background-color: #32506d;} ul.social-icons li.vimeo a:hover {background-color: #aad450;} ul.social-icons li.dribbble a:hover {background-color: #ea4c89;} ul.social-icons li.skype a:hover {background-color: #0078ca;} ul.social-icons li.github a:hover {background-color: #333333;} ul.social-icons li.xing a:hover {background-color: #006567;} ul.social-icons li.mail a:hover {background-color: #666;} ul.social-icons li.page-link a:hover {background-color: #333;} .article-body-wrap .share-links ul li.sf-love > div a.like-info-inner {padding: 9px 0;width: 20px;vertical-align: 0px;} .article-body-wrap .share-links ul li.sf-love a:hover i {top: inherit;} .article-body-wrap .share-links ul li.sf-love > div span.like-count {display: inline;vertical-align: 0px;} ul.social-icons.standard.circle li a {border: 1px solid #666;border-radius: 0 100px 100px;margin-right: 8px;} ul.social-icons.large.circle li a {border: 1px solid #666;border-radius: 0 100px 100px;margin-right: 8px;padding: 13px;} .v-parallax h4.v-heading {border-bottom-color: #000000;} .mobile-browser .v-parallax {background-position: 50% 0!important;} .v-parallax h4.v-heading:before {border: 0;} .v-parallax.bg-type-pattern {background-repeat: repeat;-moz-background-size: auto;background-size: auto;} .v-parallax.parallax-scroll {background-attachment: scroll;} .v-parallax.parallax-stellar {-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;background-attachment: fixed; background-repeat: no-repeat;background-position: 50% 0;} .mobile-browser .v-parallax {background-attachment: scroll!important;background-position: center center!important;} .v-parallax .v-content-wrapper {position: relative;z-index: 5;} .v-parallax.parallax-window-height .v-content-wrapper {top: 50%;} .v-parallax.parallax-window-height .row,.v-parallax.parallax-window-height .container {height: 100%;} .v-parallax-video .v-content-wrapper {position: relative;z-index: 4;} .v-parallax-video.parallax-video-height .v-content-wrapper {top: 55%;opacity: 0;} .v-parallax-video.parallax-window-height .row,.v-parallax-video.parallax-window-height .container {height: 100%;} .mobile-browser .v-parallax .v-content-wrapper {opacity: 1!important;top: 50%!important;} .v-parallax .v-content-wrapper p:last-child {margin-bottom: 0;} .v-parallax-video video {position: absolute;z-index: 2;left: 0;top: 0;min-width: 100%;min-height: 100%;} .v-parallax-video .video-overlay {background-repeat: repeat;background-position: center center;position: absolute;z-index: 3;left: 0; top: 0;width: 100%;height: 100%;opacity: 0.8;} .v-parallax-video .video-overlay.overlay-striped {background-image: url('../img/base/video-overlay-1.png');} .v-parallax-video .video-overlay.overlay-colored {background-color: #1488C9;opacity: 0.4;} .v-parallax-video.parallax-video-height .video-overlay {opacity: 0;} .v-overlay-x {background-repeat: repeat;background-position: center center;position: absolute;left: 0;top: 0;width: 100%;height: 100%; background-image: url('../img/base/overlay-d.png');background-color: rgba(18,18,18, 0.7 );} .hero {background-position: 0px 0px;background-repeat: repeat-x;-webkit-animation: animatedBackground 60s linear infinite; -moz-animation: animatedBackground 60s linear infinite;-o-animation: animatedBackground 60s linear infinite;animation: animatedBackground 60s linear infinite;} @media screen and (max-width: 1024px) { .hero {-webkit-animation: none !important;-moz-animation: none !important;animation: none !important;} } @keyframes animatedBackground { from {background-position: 0 0;} to {background-position: 1920px 0;} } @-webkit-keyframes animatedBackground{ from {background-position: 0 0;} to {background-position: 1920px 0;} } @-moz-keyframes animatedBackground{ from {background-position: 0 0;} to {background-position: 1920px 0;} } .divider-wrap {margin: 40px 0px;} .v-divider {display: block;border-bottom-width: 1px;margin-bottom: 30px;} .v-divider.v-bg-stylish {border-top: 0;margin-top: 0;padding-top: 0;padding-bottom: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .v-divider.standard {border-bottom-style: solid;border-bottom-width: 2px;} .v-divider.thin {border-bottom-style: solid;} .v-divider.dotted {border-bottom-style: dotted;} .v-divider.v-up {padding: 0;} .v-divider.v-up a {text-align: right;display: block;text-decoration: none;border-bottom: 1px solid transparent;margin-bottom: 30px;color: #25CBF5; border-color: #e4e4e4;} .v-divider.v-up-v1 {position: relative;height: 9px;border-bottom: 1px solid transparent;} .v-divider.v-up-v2 {position: relative;height: 10px;border-bottom: 1px solid transparent;} .v-divider.v-up-v1 a, .v-divider.v-up-v2 a {position: absolute;right: 0;display: block;padding: 0 0 0 10px;text-decoration: none; background: #ffffff;} .v-divider.v-up-v2 a i {padding-left: 6px;vertical-align: -1px;} .v-divider, .v-divider.v-up-v1,.v-divider.v-up-v2 {border-color: #e4e4e4;} .v-divider-v2 {border: 0;margin: 40px 0;height: 4px;border-top: #E4E4E4 1px solid;border-bottom: #E4E4E4 1px solid;text-align: center; position: relative;clear: both;color: #2E363F;width: 50%;margin-left: auto !important;margin-right: auto !important;} .v-divider-v2 i[class*="icon-"],.v-divider-v2 .fa {color: #bbb;background: #f7f7f7;text-align: center;display: inline-block; height: 50px;line-height: 50px;text-align: center;width: 50px;font-size: 30px;position: absolute;top: -25px;left: 50%;margin: 0 auto 0 -25px;} .v-divider-v2 i[class*="icon-"] {top: -20px;} .v-counter {text-align: center;padding: 20px 0;padding-top: 25px;} .v-counter .count-number {font-size: 50px;} .v-counter .count-divider {width: 100%;text-align: center;height: 1px;margin-top: 15px;margin-bottom: 20px;} .v-counter .count-divider span {background: #e4e4e4;width: 0px;height: 1px;display: inline-block;} .v-counter .v-counter-text {opacity: 0;bottom: -15px;position: relative;padding-top: 12px;font-size: 13px;} .v-counter-wrap .v-icon {font-size: 44px;line-height: 45px;height: 45px;} .v-counter h6.v-counter-text {letter-spacing: 1px;} .v-bg-stylish-v5 .v-counter-wrap .v-icon {color: #FFFFFF;} .v-counter-wrap.white .v-icon, .v-counter-wrap.white .count-number, .v-counter-wrap.white .v-counter-text, .v-counter-wrap.white .v-counter-text { color: white;} .v-text-section ul, .v-boxed-content-wrap ul {list-style: disc inside none;} .v-text-section {margin-bottom: 10px;} .v-full-width-text {padding-top: 50px;padding-bottom: 50px;position: relative;} .v-full-width-text:after {position: absolute;left: 50%;margin-left: -20px;content: "";position: absolute;bottom: -20px;width: 40px;height: 40px; border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);background-color: #f7f7f7;} .v-full-width-text a.btn {margin: 0 10px 0px 0 !important;} .v-full-width-text .heading-wrap, .v-parallax .heading-wrap {text-align: center;} .v-full-width-text h4.v-heading,.v-testimonial-slide-widget h4.v-heading,.v-tweets-slide-widget h4.v-heading,.v-parallax h4.v-heading {display: inline-block;} .v-full-width-text h4.v-heading span,.v-testimonial-slide-widget h4.v-heading span,.v-tweets-slide-widget h4.v-heading span,.v-bg-stylish h4.v-heading span,.v-parallax h4.v-heading span {padding: 0 0 5px;} .v-parallax h4.v-heading span {background: transparent;} .v-full-width-text p {margin-bottom: 30px;} .v-full-width-text p:last-child {margin-bottom: 0;} .v-full-width-text .v-wrapper {padding: 0 15px;} .fh5co-product-2 {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap; -webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;} .fh5co-product-2 .img {background-color: #57cecd;background-size: cover;background-repeat: no-repeat;background-position: center center; padding: 7em;} @media screen and (max-width: 768px) { .fh5co-product-2 .img {height: 500px;} } @media screen and (max-width: 480px) { .fh5co-product-2 .img {height: 300px;} } .fh5co-product-2 .fh5co-half {min-height: 500px;padding: 3em;width: 50%;font-size: 20px;line-height: 38px;background-color: #f7f7f7;} .fh5co-product-2 .fh5co-half h3 {font-size: 30px;font-weight: 300;} @media screen and (max-width: 768px) { .fh5co-product-2 .fh5co-half {min-height: inherit;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 16px;line-height: 28px;} } .fh5co-product-2.fh5co-reverse .img {position: absolute;right: 0;} @media screen and (max-width: 768px) { .fh5co-product-2.fh5co-reverse .img {position: relative;} } .about-ul {font-size:14px;line-height:25px;} .service h4 {font-size: 19px;color: #000;font-weight: 400;text-transform: uppercase;margin-top:65px;} .s-media{position: fixed;top: 92px ;left: 0;z-index: 1000;transition:all linear 0.2s ;} .s-media a:first-child{border-radius: 0 5px 0 0;} .s-media a:last-child{border-radius: 0 0 5px 0;} .s-item {display:block;width: 60px;height: 60px;color: white;font-size: 25px;line-height: 60px;text-align: center;transition:all linear 0.2s ;} .s-item:hover {width:70px;} #sm-open {position: fixed;top: 100px ;left: -60px;border-radius:0 30px 30px 0;transition:all linear 0.2s ;} .demo {background-color: #ce1e20;} .contact {background-color: #3aafd6;} .catalog {background-color: #F8694D; } .ticket {background-color: #f78e56; } .free_software {background-color: #7cc576; } .sm-collapse{left: -60px; } .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;} .info ul{margin-top: 20px;line-height:35px;} .info p{ margin-top: 20px;line-height:35px;} .info-img{width: 359px;position: relative;text-align: center;z-index: 2;margin-bottom:125px;} .info-img img{margin-top:35px;} .info-img:after{border: 3px solid #cccccc;content: "";width: 334px;height: 476px;left: 0;top: 0;display: block;position: absolute;z-index: -1; margin-left: -80px;margin-top:110px;} .form-control1 {margin-top: 15px;display: block;width: 100%;height: 45px; padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff; background-image: none;border: 1px solid #37455f;border-radius: 2px;font-family: Yekan;text-align: right;float: right;} .heading{font-size: 16px; color:red; font-weight:500;} .background {background-color: #ebebeb;margin-top: 10px;margin-bottom: 25px;border-radius: 5px;box-shadow: 10px 10px 5px grey;} #share-buttons img {width: 50px;padding: 5px;border: 0;box-shadow: 0;display: inline;} .main_team_area{background-size: cover;position: relative;height: 450px;} .main_team_area:before{width: 100%;height: 100%;position: absolute;left:0;bottom:0;content:"";background: url(../images/teambg2.png) no-repeat bottom center; } .main_team ul li{text-align: center;} .main_team ul li:nth-child(1){width: 15%;display: inline-block;float: left;margin-left: 3%;position: absolute;left:1%;top:95px;} .main_team ul li:nth-child(2){width: 15%;display: inline-block;float: left;margin-left: 3%;position: absolute;left:19%;top:65px;} .main_team ul li:nth-child(3){width: 15%;display: inline-block;float: left;margin-left: 3%;position: absolute;left:37%;top:60px;} .main_team ul li:nth-child(4){width: 15%;display: inline-block;float: left;margin-left: 3%;position: absolute;left:55%;top:90px;} .main_team ul li:nth-child(5){width: 15%;display: inline-block;float: left;margin-left: 3%;position: absolute;left:73%;top:95px;} .main_team ul li .single_team_img img{width:100px;height: 100px;margin:20px auto;border-radius: 50%;box-shadow: 0px 0px 0px 3px rgba(231, 76, 60, 0.65);} li:hover .single_team_img img{transform: scale(1.08);} li:hover .single_team_text{opacity: 1;} li .single_team_text{padding: 10px 20px;width:100%;opacity:0;transition: all 0.6s;text-align: center;display: block;height: 80px;} li .single_team_text h4{margin-bottom: .0rem;display: inline-block;text-transform:none ;color:#e74c3c;font-size:14px;} li .single_team_text p{color:#333;text-align:center;} .feature-center h3 {font-size: 14px;color: #333;position: relative;} .feature-center p, .feature-center h3 {margin-bottom: 30px;} .feature-center .icon {width: 120px;height: 120px;border: 2px solid #d6d6d6;display: table;text-align: center;margin: 0 auto 30px auto;-webkit-border-radius: 50%; -moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 20%;} .js .animate-box {opacity: 0;} .feature-center {text-align: center;padding-left: 10px;padding-right: 10px;float: left;width: 100%;margin-bottom: 40px;} .services .section-padding {padding-bottom: 0px;} .service-details .item {padding: 15px 15px;} .service-details .item:hover {color: #ffffff;} .service-details .item,.service-details .item-icon,.service-details .item-description {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .service-details .col-sm-6:first-child .item {border: 1px solid #e74c3c;} .service-details .col-sm-6:nth-child(2) .item {border: 1px solid #7dbb18;} .service-details .col-sm-6:nth-child(3) .item {border: 1px solid #00cccc;} .service-details .col-sm-6:nth-child(4) .item {border: 1px solid #ffcc00;} .service-details .col-sm-6:first-child .item-icon {color: #e74c3c;} .service-details .col-sm-6:nth-child(2) .item-icon {color: #7dbb18;} .service-details .col-sm-6:nth-child(3) .item-icon {color: #00cccc;} .service-details .col-sm-6:nth-child(4) .item-icon {color: #ffcc00;} .service-details .col-sm-6:first-child .item:hover {background: #e74c3c;} .service-details .col-sm-6:nth-child(2) .item:hover {background: #7dbb18;} .service-details .col-sm-6:nth-child(3) .item:hover {background: #00cccc;} .service-details .col-sm-6:nth-child(4) .item:hover {background: #ffcc00;} .service-details .item-icon {font-size: 5em;} .service-details .item-description {font-size: .8125em;padding-top: 12px;} .service-details .item:hover .item-icon,.service-details .item:hover .item-description {color: #ffffff;} .showcase {background: url('../images/.jpg') no-repeat center center fixed;background-size: cover;} .showcase h1 {margin: 0 0 20px 0; color: #fff;font-weight: 400;font-size: 22px;} .showcase p {margin-bottom: 25px;color: #fff;} .device {position: absolute;top: -60px;left: 20%; min-height: 676px;width: 359px;background: url('../images/1.png') no-repeat center center;} .device-content {position: absolute; top: 115px;left: 56px;width: 247px; height: 445px; background: rgba(0, 0, 0, 0.3);} .device-content img {width: 247px;height: 445px;} .showcase-wrap {position: relative;padding: 100px 0; min-height: 600px; } .showcase-slider ul {margin: 0;padding: 0;list-style: none; } .showcase-slider .flickity-page-dots {bottom: 20px;}