@charset "UTF-8";.owl-next,
.owl-prev{top:45%;position:absolute}
.arrow,
.col1 figure,
.container-slider,
.feture_main_box,
.intouch_like_box iframe,
.product_box1,
.vps-hosting-service{overflow:hidden}
.pro .flex-nav-left .flex-direction-nav {position:absolute;margin-top:0;}
.pro .flex-next { position:static !important; right:-36; margin-top:0px;}
figure.effect-bubba figcaption::after{border-right:1px solid #e2492f;border-left:1px solid #e2492f;-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);-o-transform:scale(1, 0);-ms-transform:scale(1, 0);transform:scale(1, 0)}
figure.effect-bubba:hover img{opacity:.2}
figure.effect-bubba:hover figcaption::after,
figure.effect-bubba:hover figcaption::before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
figure.effect-bubba h4{padding-top:40%;-webkit-transition:transform .35s;-moz-transition:transform .35s;-o-transition:-o-transform .35s;-ms-transition:-ms-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0, -20px, 0);-moz-transform:translate3d(0, -20px, 0);-o-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);opacity:0;color:#1086b7;font-family:Roboto, sans-serif;font-size:40px;font-weight:400;line-height: 50px; color: #fff}
figure.effect-bubba figcaption::after,
figure.effect-bubba p,
main.css:2520 figure.effect-bubba figcaption::before{-webkit-transition:opacity .35s, -webkit-transform .35s;-moz-transition:opacity .35s, -moz-transform .35s;-o-transition:opacity .35s, -o-transform .35s;-ms-transition:opacity .35s, -ms-transform .35s}
figure.effect-bubba:hover h4,
figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
figure.effect-bubba p{text-transform:capitalize;font-weight:300;padding:20px 2.5em;opacity:0;transition:opacity .35s, transform .35s;-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-o-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);color:#8b8b8b;font-size:14px}
.owl-carousel .owl-nav .owl-next:after,
.owl-carousel .owl-nav .owl-prev:before{font-family:fontawesome;background:#e2492f;/*background:rgba(255, 255, 255, .84);*/color:#000;padding:20px 10px}
.owl-nav{display:block!important}
.owl-prev{left:0}
.owl-next{right:0}
.owl-carousel .owl-nav .owl-prev:before{content:"\f053";border-radius:0 4px 4px 0}
.owl-carousel .owl-nav .owl-next:after{content:"\f054";border-radius:4px 0 0 4px}
.bottom-ad-slider{width:80%;margin:0 auto;padding:30px 0 0}
figure.effect-bubba figcaption::after,
main.css:2520 figure.effect-bubba figcaption::before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:'';opacity:0;transition:opacity .35s, transform .35s}
figure.effect-bubba figcaption::before{border-top:1px solid #e2492f;border-bottom:1px solid #e2492f;-webkit-transform:scale(0, 1);-moz-transform:scale(0, 1);-o-transform:scale(0, 1);-ms-transform:scale(0, 1);transform:scale(0, 1)}
figure.effect-bubba figcaption::after,
figure.effect-bubba figcaption::before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;content:'';opacity:0;-webkit-transition:opacity .35s, -webkit-transform .35s;-moz-transition:opacity .35s, -moz-transform .35s;-o-transition:opacity .35s, -o-transform .35s;-ms-transition:opacity .35s, -ms-transform .35s;transition:opacity .35s, transform .35s}
.col1 figure figcaption{position:absolute;top:0;left:0;width:100%;height:100%}
.col1 figure img{position:relative;display:block}
figure.effect-bubba{background:#000}
.col1 figure{position:relative;float:left;text-align:center;cursor:pointer;width:100%}
.col1{width:100%;float:left}
.footer-number{margin-top:10px;display:block}
.footer-ad-box{margin-left:50px}
.social_m1{margin-bottom:0!important;margin-top:10px}
.social_m1 li a{margin-right:0!important}
.social_m1 li{margin-right:10px!important}
.social_m1 li a i{color:#fff!important}
.services-sub-heading{font-family:Arial, Helvetica, sans-serif;text-align:left;font-weight:700;color:#000;font-size:12px}
.marquee0 img{height:100%;margin:0 30px}
#arrow-silder-projects{padding-left:8em;height:50px}
.cps-hosting-img{float:left}
.list-with-img{margin-left:10px!important}
.custom-list li img{float:left;margin-top:5px;margin-right:7px}
.team-breadcum{top:23%!important}
.summer-training-webpromotion{min-height:210px!important}
#loading-img{display:none}
.green-list li a{color:#757575}
.secound-box-of-summer,
.summer-third-box{float:left}
.process-black-heading{margin-left:10px;color:#000;font-size:14px}
.process-black-heading-secound{margin-left:-20px;color:#000;font-size:14px}
.slider-mobile-image{height:300px;display:inline!important}
.border-line-mobile{margin-top:30px!important}
.benifits_image img{float:left;margin-right:10px;width:30px;height:26px}
.space-list-li{list-style:none!important}
#vps-hosting-icon{width:55px;margin-right:30px;margin-left:15px}
.bold{font-weight:700}
.form-invalid-popup{margin:0!important}
#loading-img,
.menu-button,
.responsive-menu-list{display:none}
.mobile_app_box i.fa-apple{color:#696969}
.mobile_app_box i.fa-mobile{color:#CC2306}
.mobile_app_box i.fa-android{color:#00A706}
.mobile_app_box i.fa-windows{color:#0090F7}
.desription-line-para{font-size:11px;color:#d1d1d1}
.car_benifits_image img{float:left;width:30px;margin-right:10px}
.submit-btn-contact{margin-left:0!important}
.review-all-more{position:absolute;z-index:99999;right:0}
.contactformtextarea{height:50px!important}
.contact-span-support{color:#868585;font-weight:100}
.contact-address{font-size:16px;color:#4a4a4a;line-height:26px}
.contact-heading-bold{font-weight:700}
.contact-page-heading-box{margin-bottom:0!important}
.manymoreheading{color:#000;font-size:15px;font-style:italic;margin-bottom:25px}
.meet-team-box h3{text-align:left;font-size:20px;font-weight:300;font-family:Roboto}
.about-made-varity-para sub,
.about-made-varity-para sup{font-size:45px;font-style:italic}
.meet-team-box{height:300px}
.meet-team-heading{top:17%!important}
.abot-servies-line-height{line-height:20px!important}
.design ul li a{color:#000}
.about-service-background{background-image:url(../img/dotted_parteen.jpg)}
.about-made-varity-para sup{line-height:12px}
.about-made-varity-para{font-size:25px!important;line-height:40px}
.about-made-varity{background:#f3f3f3;padding-top:15px;padding-bottom:20px;margin-bottom:20px;border-top:#d1d1d1 solid 1px;border-bottom:#d1d1d1 solid 1px}
.top-bar-mini-heading2,
.top-bar-mini-heading4{padding-top:0;font-size:10px}
.b a,
.b a:hover,
.h:a,
.menue,
.menue a{text-decoration:none}
#open-pop-up-7{margin-right:0;color:#0d4e9b}
.fa,
.fa-stack,
.tabs{display:inline-block}
#slider_span1{font-size:21px!important;font-weight:700!important}
.top-bar-mini-heading-h4,
.top-bar-mini-heading-h4 span,
.top-bar-mini-heading3 a,
.top-bar-mini-heading5{font-weight:400;font-family:Arial, Helvetica, sans-serif}
.top-bar-mini-heading-h4{font-size:11px;color:#999;padding-top:0}
.top-bar-mini-heading-h4 span{font-size:11px;margin-right:0;color:#999}
.top-bar-mini-heading3 a{font-size:11px!important;margin-right:0!important;color:#999!important}
.top-bar-mini-heading{font-size:10px}
.top-bar-mini-heading2{text-align:left}
.top-bar-mini-heading5{font-size:11px;color:#999}
.header-top ul li, .header-top ul li h4.top-bar-mini-heading5 a {font-size: 11px;margin-right: 0; color: #999;}
.menu_traning_and_requirment{font-size:18px;font-weight:700;margin-bottom:57px}
.email_heading{margin-bottom:5px!important}
.products_image_box{margin-bottom:25px;margin-top:44px;text-align:center}
.top_number img{vertical-align:middle}
#pop-up-7 form #POPssubmit{border:none;margin-bottom:0;margin-left:20px}
#pop-up-7 h2{margin:0 0 5px 18px}
.sprite_quotes_icon{width:78px;height:78px;position:absolute;bottom:0;right:0;background:url(../img/sprites_icon.png) -60px 0 no-repeat}
.sprite_aerrow_icon{width:60px;background:url(../img/sprites_icon.png) 0 -21px no-repeat;height:41px;float:right;margin-right:66px}
.slider_sprites{width:21px;background:url(../img/sprites_icon.png) -136px -30px no-repeat;height:21px;float:left;margin-right:6px}
.fa-fw,
.fa-li{text-align:center}
@font-face{font-family:FontAwesome;src:url(../font/fontawesome-webfont3e6e.eot?v=4.7.0);src:url(../font/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../font/fontawesome-webfont3e6e.html?v=4.7.0) format('woff2'), url(../font/fontawesome-webfont3e6e.woff?v=4.7.0) format('woff'), url(../font/fontawesome-webfont3e6e.ttf?v=4.7.0) format('truetype'), url(../font/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}
.fa{font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.2857142857142858em}
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.142857142857143em;width:3.142857em;top:.14285714285714285em}
.fa-stack,
body{position:relative}
.fa-li.fa-lg{left:-1.8571428571428572em}
.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}
.pull-right{float:right}
.design,
.first,
.pull-left,
.tools{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-moz-keyframes spin{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(359deg)}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(359deg)}
}
@-o-keyframes spin{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(359deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(359deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(359deg)}
}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}
.fa-stack{width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,
.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-cog:before,
.fa-gear:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-repeat:before,
.fa-rotate-right:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,
.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,
.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,
.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-exclamation-triangle:before,
.fa-warning:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-cogs:before,
.fa-gears:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,
.fa-users:before{content:"\f0c0"}
.fa-chain:before,
.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,
.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,
.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-floppy-o:before,
.fa-save:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-bars:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-sort:before,
.fa-unsorted:before{content:"\f0dc"}
.fa-sort-asc:before,
.fa-sort-down:before{content:"\f0dd"}
.fa-sort-desc:before,
.fa-sort-up:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,
.fa-undo:before{content:"\f0e2"}
.fa-gavel:before,
.fa-legal:before{content:"\f0e3"}
.fa-dashboard:before,
.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-bolt:before,
.fa-flash:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-clipboard:before,
.fa-paste:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before,
.tp-rightarrow:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,
.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,
.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,
.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-chain-broken:before,
.fa-unlink:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-caret-square-o-down:before,
.fa-toggle-down:before{content:"\f150"}
.fa-caret-square-o-up:before,
.fa-toggle-up:before{content:"\f151"}
.fa-caret-square-o-right:before,
.fa-toggle-right:before{content:"\f152"}
.fa-eur:before,
.fa-euro:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,
.fa-usd:before{content:"\f155"}
.fa-inr:before,
.fa-rupee:before{content:"\f156"}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before{content:"\f157"}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before{content:"\f158"}
.fa-krw:before,
.fa-won:before{content:"\f159"}
.fa-bitcoin:before,
.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-caret-square-o-left:before,
.fa-toggle-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-try:before,
.fa-turkish-lira:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.con,
.first{text-align:justify}
.first{width:27%;height:auto;margin:5px 30px 0 20px;font-size:13px;color:#000;line-height:28px;padding:5px 0 20px 10px}
.first-s{height:auto;margin:5px 30px 0 20px;font-size:13px;color:#000;line-height:28px;padding:5px 0 20px 0}
.first .img-responsive{ width: 100%; }
.b{border-bottom:dotted 1px #ebebeb;padding:0 0 5px}
.b a{color:#fff}
.b a:hover{color:#f07b1f!important}
.h:a,
.menue{color:#fff;font-size:13px;font-weight:100;text-transform:capitalize;padding-bottom:0;padding-top:0}
.h:a{background:0 0!important;border:none}
.menue{background:0 0;margin-left:-10px;box-shadow:none;border-bottom:none}
.menue a,
.read a:hover{box-shadow:none!important}
.menue a{background:0 0!important;color:#000!important;font-size:13px!important;font-weight:100!important;text-transform:capitalize!important;border-bottom:dotted 1px #636363!important;padding:0 0 5px!important;margin-left:10px!important;width:100%!important}
.menue a:hover{text-decoration:none!important;color:#e2492f!important}
.fonta{font-size:14px;margin:0 0 18px;font-weight:700}
.con{line-height:23px;margin:5px 0 0}
.tools{margin:0 40px 0 0}
.design{margin:-20px 0 20px 50px;width:100%}
.design li,
.design ul{margin:0;padding:0}
.m-ul-left,
.m-ul-left1,
.m-ul-left2{width:1000px!important;border-radius:3px!important}
.design li{list-style:url(../img/list.png)}
.m-ul-left{margin-left:-384px!important}
.m-ul-left1{margin-left:-470px!important}
.m-ul-left2{margin-left:-574px!important}
.m{margin-top:64px}
.m1,
.m2{margin-top:63px}
.sub_m_head{color:#e2492f;float:left;font-weight:400;margin:10px 0 20px -2px;font-size:16px;width:98%;text-transform:uppercase}
.m_matter,
.tabs{width:100%}
.read a{float:right;margin-top:10px!important;padding:3px 12px!important;background:#e2492f!important;color:#fff!important;font-size:12px!important}
.read a:hover{color:#000!important;border-bottom:none!important}
.m_matter{font-family:Calibri;float:left;line-height:20px}
.tab-links a:hover,
a{text-decoration:none}
*,
.product_img_box{box-sizing:border-box}
.tab-links li,
ul{list-style:none}
caption,
table{border-collapse:collapse}
.tab-links:after{display:block;clear:both;content:''}
.tab-links li{margin-right:5px;float:left}
.tab-links a{padding:9px 15px;display:inline-block;border-radius:3px 3px 0 0;background:#FC8A76;font-size:16px;font-weight:600;color:#fff;transition:all linear .15s}
.tab-links a:hover{background:#CF6553;color:#fff}
li.active a,
li.active a:hover{background:#E2492F;color:#fff}
.tab-content{padding:15px;border:1px solid #FC8A76;background:#fff}
.tab{display:none}
.tab.active{display:block}
.feture_box1{width:33%;float:left;padding-right:10px}
.clr{clear:both}
.margin_top_support{margin-bottom:10px}
.product_img_box{width:40%;float:left;padding-right:20px}
.product_img_box img{width:100%;display:block}
.product_detail_box{float:left;width:60%}
.product_detail_box a h3{font-size:33px;font-family:Roboto, sans-serif;color:#1086b7;text-transform:capitalize;font-weight:100;line-height:38px}
.feture_box_img_box{width:100%}
.feture_box_img_box img{height:80px;max-width:100%;margin:0 auto;display:block}
.software_feture_list{list-style:none;margin-bottom:10px}
.software_feture_list li i{position:static}
.feture_box1 p{text-align:center;display:block;padding-bottom:0}
.product_box1{margin-bottom:30px}
.intouch_like_box{padding-left:40px}
.intouch_like_box iframe{width:90%;height:242px}
.software_feture_box{float:left;width:50%}
.software_feture_list li{overflow:hidden;margin-bottom:5px}
.software_compitible_list li{float:left;width:20%;margin-left:5px}
.software_compitible_list li img{width:100%}
.more_info_btn{display:inline-block;font-weight:700;margin-top:10px;padding:3px 12px;background:#e2492f;color:#fff;font-size:12px}
a,
h1,
h6{color:#e2492f}
.software_techused_box{float:left}
.feture_main_box{width:100%}
.pm-button a{padding:0!important}
.one-half{float:left}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video{border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}
:focus{outline:0}
.productbox{width:33%}
.product_image_box{width:180px;height:180px;margin:0 auto;border:1px solid #ddd;border-radius:50%;padding:10px}
.product_image_box img{max-width:100%;max-height:100%;margin:0 auto;border-radius:50%;vertical-align:middle}
.cf:after,
.cf:before,
.col-row:after,
.col-row:before{content:" ";display:table}
.cf:after,
.col-row:after{clear:both}
.col-row,
.col-row .col-row{margin-bottom:0}
body{color:#444;font-size:14px;font-family:Century Gothic, arial, sans-serif;line-height:21px;background:#fff; overflow-x: hidden;}
.arrow,
.arrow:after,
.ui-tooltip{position:absolute}
h1,
h2,
h3,
h4,
h5,
h6{font-family:'Open Sans', sans-serif;font-weight:700;margin-bottom:10px}
h1{font-size:32px;line-height:34px; letter-spacing:-1px;}
h2{font-size:33px;font-family:Roboto, sans-serif;color:#1086b7;text-transform:capitalize;font-weight:100;margin-bottom:30px;line-height:38px}
.large-btn,
.medium-btn,
.navigation ul li a,
.navigation ul li a span,
.small-btn,
.tiny-btn,
h3,
th{text-transform:uppercase}
h3,
h4{font-weight:400}
h3{color:#373737;font-size:16px;line-height:22px}
.custom-list,
p{line-height:24px}
h4{font-size:14px}
h5{font-size:13px}
h6{font-size:12px;letter-spacing:.5px;margin-top:0}
p{padding-bottom:20px}
a{-webkit-transition:color .1s linear;-moz-transition:color .1s linear;-o-transition:color .1s linear;-ms-transition:color .1s linear;transition:color .1s linear}
a:hover{color:#1f1f1f}
.ui-tooltip{border-radius:5px;z-index:9999;max-width:300px;color:#fff;text-align:center;padding:4px 8px;font-size:11px;opacity:.8}
.arrow:after,
.ui-tooltip{background:#111}
.arrow{width:70px;height:16px;left:50%;margin-left:-35px;bottom:-16px}
.arrow.top{top:-16px;bottom:auto}
.arrow.left{left:20%}
.arrow:after{content:"";left:20px;top:-20px;width:25px;height:25px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);tranform:rotate(45deg)}
.arrow.top:after{bottom:-20px;top:auto}
.author{text-align:right;font-size:13px;font-style:normal;color:#e2492f;margin-top:-10px}
.quote-left .author,
table{text-align:left}
.quote-left,
.quote-right{width:240px;font-weight:300;font-size:14px;line-height:22px;margin-bottom:20px}
.quote-left{float:left;margin-right:20px;background:url(../img/quotes.html) right top no-repeat;padding-right:40px}
.quote-right{float:right;margin-left:20px;background:url(../img/quotes.html) left top no-repeat;padding-left:40px}
.highlight-1,
.highlight-2,
.highlight-3{padding:1px 5px}
.highlight-1{color:#2f2f2f;background:#fbffa3}
.highlight-2{color:#f7f7f7;background:#2f2f2f}
.highlight-3{color:#f7f7f7;background:#e2492f}
abbr,
acronym{border-bottom:1px solid #929292}
del{color:#929292}
code,
pre,
tt{font-family:'lucida console', monospace}
ol li{font-size:12px;list-style:decimal inside}
#footer-nav,
.blog-pagination,
.clients,
.footer-links,
.portfolio-items,
.portfolio-pagination,
.sidebar-menu{list-style:none}
strong{color:#373737}
.button,
.button-secondary{color:#f7f7f7;display:inline-block}
.separator-1,
.separator-2,
.separator-3,
.separator-4,
.separator-5,
.separator-6,
.separator-7{height:27px;margin-bottom:20px;margin-top:0;border:none;clear:both}
.separator-1{background:url(../img/separators/sign.png) center no-repeat}
.separator-2{background:url(../img/separators/waves.html) center no-repeat}
.separator-3{background:url(../img/separators/star.html) center no-repeat}
.separator-4{background:url(../img/separators/jigsaw.html) center no-repeat}
.separator-5{background:url(../img/separators/crown.html) center no-repeat}
.separator-6{background:url(../img/separators/arrow.html) center no-repeat}
.separator-7{background:url(../img/separators/diamond.html) center no-repeat}
footer .separator-1{background:url(../img/separators/sign-footer.png) center no-repeat}
footer .separator-2{background:url(../img/separators/waves-footer.html) center no-repeat}
footer .separator-3{background:url(../img/separators/star-footer.html) center no-repeat}
footer .separator-4{background:url(../img/separators/jigsaw-footer.html) center no-repeat}
footer .separator-5{background:url(../img/separators/crown-footer.html) center no-repeat}
footer .separator-6{background:url(../img/separators/arrow-footer.html) center no-repeat}
footer .separator-7{background:url(../img/separators/diamond-footer.html) center no-repeat}
.left-img{float:left;margin-right:15px;margin-bottom:0}
.right-img{float:right;margin-left:15px;margin-bottom:0}
.image-container{position:relative}
.img-absolute{position:absolute}
.frame{margin-bottom:15px;padding:4px;border:1px solid #d7d7d7}
.rounded{border-radius:5px;-webkit-border-radius:5px}
.button{background:#e2492f;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.button-secondary,
.navigation-simple ul li a{-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear}
.button-secondary{background:#373737;transition:background-color .2s linear;margin-bottom:20px}
.border,
.logo,
header{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.button-secondary:hover{background:#757575;color:#fff}
.button:hover{background:#2f2f2f;color:#f7f7f7}
.border,
.border:hover{background:0 0}
.border{color:#757575;border:1px solid;transition:all .2s linear}
.border:hover,
.dropcap-1,
caption,

th{color:#e2492f}
.button i,
.button-secondary i{padding-right:5px}
.tiny-btn{font-size:9px;padding:2px 6px}
.small-btn{font-size:10px;padding:3px 8px}
.medium-btn{font-size:11px;padding:7px 11px}
.large-btn{font-size:12px;padding:9px 14px}
caption,
td,
th{border-right:1px solid #e1e1e1;padding:8px}
.large-btn i{font-size:13px}
table{width:100%;border:1px solid #e1e1e1;margin-bottom:20px}
th{font-size:14px;border-bottom:2px solid #c1c1c1}
tfoot,
thead{font-weight:700}
caption,
td{border-bottom:1px solid #e1e1e1}
tr.even td{background:#f4f4f4}
.dropcap-1{display:block;float:left;font-size:36px;line-height:36px;margin:2px 8px 0 0}
.dropcap-2{display:block;color:#f7f7f7;font-size:23px;padding-top:7px;width:33px;height:27px;text-align:center;border-radius:50%;background-color:#2f2f2f;float:left;margin:4px 8px 0 0}
.skill-list{margin-bottom:15px;margin-top:15px}
.skillbar{position:relative;display:block;margin-bottom:5px;width:100%;background:#f4f4f4;height:35px;border-bottom:1px solid #e4e4e4;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width, background-color;-moz-transition-property:width, background-color;-ms-transition-property:width, background-color;-o-transition-property:width, background-color;transition-property:width, background-color}
.logo,
header{transition:all .2s linear}
.skillbar-title{position:absolute;top:0;left:0;font-size:12px;color:#fff;width:100%}
.skillbar-title span{display:block;padding:0 20px;height:35px;line-height:35px}
.skillbar-title i{float:left;line-height:35px;padding:0 15px;font-size:14px}
.skillbar-bar{height:35px;width:0;background:#e2492f;border-bottom:1px solid #e2492f}
.skill-bar-percent{position:absolute;right:10px;top:0;font-size:11px;height:35px;line-height:35px;color:#373737}
.logo{float:left;margin:10px 0; width: 470px;}
.navigation ul li a,
.navigation-light ul li a,
.navigation-simple ul li a{text-decoration:none;margin-bottom:0}
.logo img{vertical-align:bottom}
header{position:relative;z-index:300;border-bottom:1px solid #e4e4e4;width:100%;background:#fff}
.header-top,
.responsive-nav{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.boxshadow header{border:none;-webkit-box-shadow:0 3px 4px -3px #999;box-shadow:0 3px 4px -3px #999}
.header-top{background:#f7f7f7;border-bottom:1px solid #f0f0f0;transition:all .2s linear}
.header-top ul li,
.header-top ul li a{display:inline-block;margin-left:10px;font-size:14px;color:#373737;letter-spacing:1px}
.header-top ul li a:hover{color:#e2492f}
.header-top-links{margin-top:10px}
.navigation ul li{display:block;float:left;position:relative}
.navigation ul li a{font-size:13px;font-weight:700;color:#373737;display:inline-block;border-bottom:2px solid #fff;-webkit-transition:background-color .2s linear, padding-top .2s linear;-moz-transition:background-color .2s linear, padding-top .2s linear;-o-transition:background-color .2s linear, padding-top .2s linear;-ms-transition:background-color .2s linear, padding-top .2s linear;transition:background-color .2s linear, padding-top .2s linear;padding: 38px 4px 20px 5px;}
.navigation .active-nav,
.navigation ul li a:hover{background-color:#373737;text-shadow:none;color:#f7f7f7;-webkit-box-shadow:0 3px 0 #e2492f;box-shadow:0 3px 0 #e2492f}
.navigation ul li a span{font-family:Arial, sans-serif;font-size:9px;display:block;line-height:14px;color:#9f9f9f}
.navigation ul .dropdown>a{background-color:#373737;text-shadow:none;color:#f7f7f7;-webkit-box-shadow:0 3px 0 #e2492f;box-shadow:0 3px 0 #e2492f}
.navigation ul ul{margin-top:46px;position:absolute;top:-999em;width:230px;background:#fff;border-top:3px solid #e2492f;-webkit-box-shadow:0 8px 6px -6px rgba(0, 0, 0, .4);-moz-box-shadow:0 4px 6px -1px rgba(0, 0, 0, .4);box-shadow:0 4px 6px -1px rgba(0, 0, 0, .4)}
.navigation ul ul li a:hover{background-color:#373737;box-shadow:none}
.navigation ul{float:right;position:relative;z-index:1200;margin-right:15px}
.navigation-simple ul li{position:relative;display:inline-block;margin-left:10px;padding:6px}
.navigation-simple ul li a{font-size:14px;display:inline-block;font-weight:700;color:#373737;text-transform:uppercase;transition:background-color .2s linear}
.big-title-row,
.layer-h3,
.navigation-light ul li a{text-transform:capitalize}
.navigation-simple ul ul li a:hover{background-color:#e2492f;color:#fff}
.navigation-light ul li{position:relative;display:inline-block;margin-left:20px;padding:6px}
.navigation-light ul li a{font-size:14px;color:#757575;display:inline-block;font-weight:400;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.navigation-light ul ul li a{color:#707070;font-size:13px;margin-left:0;border:none;width:150px;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;padding:8px 15px}
.navigation-light ul ul li a:hover{color:#e2492f}
.navigation ul ul li a,
.navigation-simple ul ul li a{color:#fff;font-size:11px;margin-left:0;border:none;width:150px;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;padding:8px 15px}
.navigation ul ul .dropdown a,
.navigation-light ul ul .dropdown a,
.navigation-simple ul ul .dropdown a{box-shadow:none}
.navigation ul ul li ul,
.navigation-light ul ul li ul,
.navigation-simple ul ul li ul{border:none}
.navigation ul ul li,
.navigation-light ul ul li,
.navigation-simple ul ul li{width:100%;margin-left:0;padding:0}
.navigation ul li:hover,
.navigation-light ul li:hover,
.navigation-simple ul li:hover{visibility:inherit}
.navigation ul a,
.navigation-light ul a,
.navigation-simple ul a{position:relative}
.navigation ul li.sfHover ul,
.navigation ul li:hover ul,
.navigation-light ul li.sfHover ul,
.navigation-light ul li:hover ul,
.navigation-simple ul li.sfHover ul,
.navigation-simple ul li:hover ul{left:0;top:2.5em;z-index:99}
.navigation ul li.sfHover li ul,
.navigation ul li:hover li ul,
.navigation-light ul li.sfHover li ul,
.navigation-light ul li:hover li ul,
.navigation-simple ul li.sfHover li ul,
.navigation-simple ul li:hover li ul{top:-999em;margin-top:0}
.navigation ul li li li.sfHover ul,
.navigation ul li li li:hover ul,
.navigation ul li li.sfHover ul,
.navigation ul li li:hover ul,
.navigation-light ul li li li.sfHover ul,
.navigation-light ul li li li:hover ul,
.navigation-light ul li li.sfHover ul,
.navigation-light ul li li:hover ul,
.navigation-simple ul li li li.sfHover ul,
.navigation-simple ul li li li:hover ul,
.navigation-simple ul li li.sfHover ul,
.navigation-simple ul li li:hover ul{left:180px;top:0}
.navigation ul li li.sfHover li ul,
.navigation ul li li:hover li ul,
.navigation-light ul li li.sfHover li ul,
.navigation-light ul li li:hover li ul,
.navigation-simple ul li li.sfHover li ul,
.navigation-simple ul li li:hover li ul{top:-999em}
.navigation ul ul li a i,
.navigation-light ul ul li a i,
.navigation-simple ul ul li a i{position:absolute;right:15px;line-height:23px;font-size:14px}
.navigation-light ul,
.navigation-simple ul{float:right;position:relative;z-index:1200;margin-right:15px;margin-top:35px}
.navigation-light .active-nav,
.navigation-light ul .dropdown>a,
.navigation-light ul li a:hover,
.navigation-simple .active-nav,
.navigation-simple ul .dropdown>a,
.navigation-simple ul li a:hover{text-shadow:none;color:#e2492f}
.navigation-light ul ul,
.navigation-simple ul ul{position:absolute;top:-999em;width:180px;background:#fff;margin-top:0;margin-left:5px;border-top:3px solid #e2492f;-webkit-box-shadow:0 8px 6px -6px rgba(0, 0, 0, .4);-moz-box-shadow:0 8px 6px -6px rgba(0, 0, 0, .4);box-shadow:0 8px 6px -6px rgba(0, 0, 0, .4)}
.navigation-light ul ul ul,
.navigation-simple ul ul ul{margin-left:0}
.navigation-light ul ul li a{border-bottom:1px solid #ebebeb}
.navigation-light ul ul li ul{border-left:1px solid #ebebeb}
.responsive-nav select{-webkit-appearance:none;display:none;border:1px solid #eee;cursor:pointer;padding:10px 5px;color:#676767;-moz-appearance:none;text-indent:.01px;text-overflow:''}
.responsive-nav{display:none;padding-bottom:15px;width:100%;background:#fff;transition:all .2s linear}
.overlay,
.search-button{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.stuck{position:fixed;top:0;padding-top:15px;border-bottom:1px solid #e4e4e4}
.sticky-wrapper{height:0!important}
.boxshadow .stuck{border:none;-webkit-box-shadow:0 3px 4px -3px #999;box-shadow:0 3px 4px -3px #999}
.search-button{display:block;width:38px;height:38px;color:#ccc;text-align:center;line-height:36px;font-size:19px;margin-top:30px;border:1px solid #ccc;transition:all .2s linear}
.search-close,
.search-open{border-radius:50%}
.search-open:hover{color:#fff;background:#e2492f;border-color:#e2492f}
.search-close{opacity:.4}
.search-container{float:right;position:relative}
.search-panel{position:absolute;background:#fff;left:-260px;top:104px;width:278px;border:1px solid #eee;border-top:none;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none}
#header-search-box{width:223px;float:left;height:39px;padding:0 0 0 5px;color:#888;border-bottom:1px solid #dedede;border-top:none;border-right:none;border-left:none;font-family:inherit;font-size:13px}
.tp-leftarrow:before,
.tp-rightarrow:before{font-family:FontAwesome}
#header-search-button:hover{color:#e2492f}
.intouch_like_box iframe{border:none}
#header-search-button{background-color:#fff;width:50px;height:40px;border:none;cursor:pointer;color:#999;font-size:16px;line-height:40px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.pm-button a{background-color:#373737!important;margin-top:20px}
.tesimonial_viewmore{position:absolute;z-index:99999;right:0}
.inner-col{padding:0 30px 0 0}
img{height:auto}
.five-sixth,
.one-fourth,
.one-sixth,
.one-third,
.three-fourth,
.two-third,
.two-third-outer{float:left;margin-right:20px}
.one-fourth{width:234px}
.three-fourth{width:750px}
.one-third{width:320px;float:left}
.two-third{width:664px}
.one-half{width:492px}
.one-sixth{width:148px}
.five-sixth{width:836px}
.full-width{width:100%}
.web_design_float{width:295px}
.main-content-left .full-width,
.main-content-right .full-width{width:664px}
.one-third img{padding:0 20px;width:100%}
.third-img img{padding:0 0px;width:100%;}
.last{margin-right:0!important}
.col-row{margin-right:-24px}
.five-sixth img,
.one-fourth img,
.one-half img,
.one-sixth img,
.three-fourth img,
.two-third img{max-width:100%}
.container-center{width:1060px;margin:0 auto}
#slider-block{height:700px}
.container-slider{width:100%!important;position:relative;padding:0;max-height:640px!important;margin-bottom:25px;background:url(../img/slides/bg/b_back.png) center center repeat-x}
.say-hii { position: absolute; top: 140px; left: 510px; z-index: 2;}
.say-hii a {padding: 15px 35px 15px 35px;font-size: 14px;font-weight: 600;}

.tp-leftarrow,
.tp-rightarrow{display:block;float:left;width:48px;height:48px;font-size:14px;text-align:center;line-height:48px;color:#bbb;margin-left:2px;position:absolute;z-index:100;cursor:pointer;top:50%;margin-top:-24px;border-radius:50%;border:2px solid;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-o-transition:all linear .2s;-ms-transition:all linear .2s;transition:all linear .2s}
.content-slider,
.p-item figure,
.slider-bullets i{position:relative}
.tp-rightarrow{right:24px}
.tp-leftarrow{left:24px}
.tp-leftarrow:before{content:"\f104"}
.tp-leftarrow:hover,
.tp-rightarrow:hover{color:#fff;border-color:#e2492f;background:#e2492f}
.slider-bg-color{background:#e2492f}
.big-title-row{font-size:38px;color:#fff;font-weight:400;text-align:right;-webkit-text-stroke:1px rgba(0, 0, 0, .1)}
.big-title-description{font-size:22px;line-height:32px;font-weight:300;color:#fff;width:400px;text-align:left}
.layer-h2,
.layer-h2-no,
.layer-h3{line-height:50px}
.layer-h2-no{font-size:40px;font-weight:800}
.layer-h3{font-size:20px;font-weight:300;color:#888;border-bottom:1px solid #bbb}
.layer-h2,
.layer-h2-boxed{color:#fff;display:inline-block;background:#e2492f;padding:20px 30px}
.layer-h2{font-size:60px;font-weight:800}
.layer-h2-boxed,
.layer-h2-tran{font-size:44px;line-height:50px}
.layer-h2-boxed{text-transform:none}
.big-button,
.layer-buttons a{color:#fff;text-transform:uppercase}
.layer-h2-tran{color:#fff;text-align:center;text-shadow:1px 1px 0 #333}
.layer-description{background:#373737;color:#fff;font-size:16px;padding:20px 30px;max-width:540px;white-space:normal;text-align:center}
.layer-description-tran{color:#fff;font-size:17px;line-height:22px;text-align:center;width:560px;white-space:normal;text-shadow:1px 1px 0 #333}
.layer-description-transparent{white-space:normal;width:660px;text-shadow:1px 1px 0 #333;color:#fff;text-align:center}
.layer-description-transparent p{font-size:17px;line-height:24px}
.layer-description p{padding-bottom:0}
.layer-buttons a{font-size:12px;padding:15px 20px;display:block;float:left;margin-right:10px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.big-button,
.color-box{-moz-transition:background-color .2s ease-out;-webkit-transition:background-color .2s ease-out}
.primary{background:#e2492f}
.primary:hover,
.secondary{background:#373737}
.secondary:hover{background:#757575}
.slider-bullets{color:#fff}
.slider-bullets i{color:#fff;display:inline-block;float:left;height:43px;width:43px;line-height:43px;text-align:center;font-size:21px}
.slider-bullets span{display:inline-block;color:#373737;font-size:14px;line-height:43px;background:#fff;opacity:.8;padding:0 10px}
.content-slider .big-title-row{line-height:56px;margin-top:70px}
.tagline h2{font-size:26px;color:#373737;line-height:26px;margin-bottom:10px}
.tagline h2 span{color:#e2492f}
.tagline p{font-size:13px;line-height:20px}
.big-button{font-size:14px;line-height:32px;background:#e2492f;padding:15px 0 15px 20px;margin-top:7px;margin-bottom:20px;display:block;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.big-button:hover,
.btn-arrow{background:#373737;color:#fff}
.btn-arrow{font-weight:700;display:block;float:right;width:72px;height:62px;margin-top:-15px;text-align:center;line-height:65px}
.btn-arrow i{box-sizing:initial;border-radius:50%;border:2px solid #fff;width:26px;height:23px;padding-top:4px;font-weight:700;font-size:19px;padding-left:1px}
.color-section .big-message,
.dark-section .big-message{color:#fff}
.big-message{font-size:22px;line-height:34px;font-weight:300;text-align:center;color:#ea5110}
.light-section .big-message{color:#757575}
.section-title,
.section-title h2{margin-bottom:10px}
.main-content-left,
.main-content-right{width:664px;padding-bottom:30px}
.main-content-left{float:left!important;margin-right:72px}
.main-content-right{float:right!important;margin-left:72px}
.heading-small{font-size:12px;font-weight:700}
.heading-medium{font-size:16px;font-weight:700}
.heading-big{font-size:30px;font-weight:100}
.heading-extra-big{font-size:40px;font-weight:100;line-height:26px;margin-bottom:5px}
.sub-heading,
.sub-heading-small{text-transform:capitalize;font-weight:300;color:#8b8b8b}
.color-section,
.color-section h2,
.dark-section,
.dark-section h2{color:#fff}
.sub-heading{font-size:14px}
.sub-heading-small{font-size:11px;margin-top:-5px;text-transform:uppercase}
.section-bg-1{background:url(../img/section-bg/001.png) center center no-repeat}
.section-bg-2{background:url(../img/section-bg/002.html) center center no-repeat}
.section-bg-3{background:url(../img/section-bg/003.html) center center no-repeat}
.section-bg-4{background:url(../img/section-bg/004.png) center center no-repeat}
.section-bg-5{background:url(../img/section-bg/005.html) center no-repeat}
.color-section,
.dark-section,
.light-section{padding:25px 0 10px;margin-bottom:25px}
.color-section{background-color:#e2492f}
.dark-section{background-color:#373737}
.dark-section h3{color:#ccc}
.color-section h3{color:#fff}
.light-section{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#f8f8f8}
.color-box-holder{background-color:#fff;margin-bottom:20px}
.color-box{float:left;text-align:center;padding:40px 20px;background-color:#e2492f;margin-bottom:20px;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out;color:#000}
.color-box-holder .color-box{background:0 0;margin-bottom:0}
.box-4 .color-box{width:25%}
.box-3 .color-box{width:296px}
.box-2 .color-box{width:464px}
.color-box:hover{color:#185da8}
.color-box h3{font-size:16px;display:inline-block;padding:5px 0;margin:0 auto 1px;color:#000;text-transform:none;font-weight:400}
#footer-nav li a,
.breadcrumbs,
.breadcrumbs-2,
.classic-box h4,
.color-box h4,
.feature-box-title h4,
.page-title h1,
.page-title-3 h1,
.page-title-4 h1,
.scroll-top a,
.tabs-side .ui-tabs-nav a,
.tabs-side-2 .ui-tabs-nav a,
.tabs-top .ui-tabs-nav a,
.tag-cloud a,
.title-caption span,
.twitter-icon a,
.ui-accordion-header,
footer h4{text-transform:uppercase}
.classic-box h3,
.flex-next i,
.flex-prev i,
.twitter-holder h2,
footer h4{font-weight:700}
.color-box h4{font-size:10px;display:block;margin:0 auto}
.color-box h4 span{color:#757575;padding:2px 6px;display:inline-block;font-family:Arial}
.classic-box i,
.classic-box img,
.color-box i,
.color-box img,
.no-csstransitions .p-item:hover .overlay,
.p-item img{display:block}
.color-box i{color:#fff;width:169px;height:168px;border-radius:50%;border:4px solid #F7F7F7;background:#F7F7F7;line-height:33px;text-align:center;vertical-align:middle;font-size:28px;margin:11px 0 30px 15px;overflow:visible}
.color-box p{color:#fff}
.color-box img{width:169px;height:168px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-backface-visibility:hidden}
.flip,
.flipInX,
.flipInY,
.flipOutX{-webkit-backface-visibility:visible!important;-moz-backface-visibility:visible!important;-o-backface-visibility:visible!important;backface-visibility:visible!important}
.color-box:hover img{width:170px;height:170px;transform:scale(.8, .8);-webkit-transform:scale(.8, .8)}
.color-box .button{margin-bottom:0;background:#373737}
.color-box-title{margin-bottom:10px}
.color-box .button:hover,
.color-box:hover .button{background:#e2492f}
.tilted h4{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform}
.classic-box{margin-bottom:20px;text-align:center;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.classic-box h3{margin-bottom:0;font-size:15px;line-height:18px;color:#373737}
.classic-box h4{color:#999;font-size:10px;margin-bottom:0;margin-top:-4px}
.classic-box img{padding-bottom:20px;margin:0 auto}
.classic-box i{margin:10px auto 15px;overflow:visible;color:#373737;width:32px;height:32px;line-height:33px;font-size:28px;padding:14px;border-radius:50%;border:5px solid}
.isotope,
.p-item,
label{overflow:hidden}
.overlay,
.overlay-bg{width:100%;position:absolute}
.overlay,
.p-item:hover .overlay-bg{height:100%}
.classic-box .button{margin-bottom:0}
.classic-box-title{margin-bottom:20px}
.p-item{text-align:center;margin-bottom:24px;border:1px solid #eee}
.p-item figcaption span{color:#b5b5b5;margin-top:0;font-size:13px;text-align:right;display:block;-webkit-transition:color .1s ease-in;-moz-transition:color .1s ease-in;-o-transition:color .1s ease-in;-ms-transition:color .1s ease-in;transition:color .1s ease-in}
.p-item figcaption{padding:14px 10px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}
.p-item:hover figcaption{background:#e2492f;color:#fff}
.p-item:hover figcaption a{color:#fff}
.p-item:hover figcaption span{color:#fff}
.p-item h5{margin-bottom:0;font-weight:400}
.p-item h5 a{color:#373737}
.csstransitions .p-item:hover .overlay{opacity:1}
.overlay-container{position:relative;height:100%}
.stone01 {padding-bottom: 14px;}
.overlay{top:0;opacity:0;transition:all .2s linear}
.overlay-bg,
.overlay-buttons a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.no-csstransitions .overlay{display:none}
.overlay-bg{background:#121212;height:0;z-index:4;top:0;opacity:.4;transition:all .2s linear}
.overlay-buttons{margin:-21px auto 0 -46px;width:94px;height:42px;overflow:hidden;position:absolute;z-index:5;top:50%;left:50%}
.carousel-wrap,
.footer-twitter-holder,
.stream-portfolio,
.stream-portfolio li{position:relative}
.overlay-buttons a{width:37px;height:37px;display:block;float:left;border-radius:50%;border:2px solid #fff;margin-right:10px;line-height:37px;text-align:center;font-size:19px;color:#fff;transition:all .2s linear}
.feature-box-icon,
.feature-box-icon-o,
.flex-next,
.flex-prev{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.overlay-buttons a i{padding-right:1px}
.overlay-buttons a:hover{color:#fff;border-color:#e2492f;background:#e2492f}
.carousel-container{margin-bottom:20px}
.carousel-container .p-item{margin-bottom:0}
.carousel-wrap{margin-top:3px}
.textimonial_margin{margin-right:24px}
.flex-nav-left .flex-direction-nav{text-align:left;left:-258px;bottom:60px}
.flex-direction-nav{margin-top:20px;text-align:center}
.flex-direction-nav li a{box-sizing:initial;position:relative;z-index:10}
.flex-direction-nav li{display:inline-block;margin-right:3px}
.flex-next,
.flex-prev{display:inline-block;width:30px;height:30px;margin-right:2px;border-radius:50%;border:2px solid;color:#bbb;text-align:center;line-height:30px;font-size:14px;transition:all .2s linear}
.flex-next:hover,
.flex-prev:hover,
.portfolio-link:hover{background-color:#e2492f;border-color:#e2492f;color:#fff}
.feature-box-icon,
.feature-box-icon-o{float:left;display:block;border-radius:50%;margin-right:10px;font-size:21px;line-height:44px;text-align:center;width:44px;height:44px;transition:all .2s linear}
.feature-box-icon{color:#fff;background-color:#494949;background-repeat:no-repeat}
.feature-box-icon-o{color:#e2492f;border:2px solid}
.feature-box-title h4{float:left;color:#e2492f;font-weight:700;line-height:44px}
.feature-box-right:hover .feature-box-icon,
.feature-box:hover .feature-box-icon{background-color:#e35037}
.feature-box:hover .feature-box-icon-o{background-color:#e2492f;color:#fff;border-color:#e2492f}
.feature-box-right .feature-box-icon,
.feature-box-right .feature-box-icon-o{float:left;margin-left:10px}
.feature-box-right{text-align:left}
.feature-box-right h4{float:left}
.custom-list .fa-li{line-height:21px}
.custom-list{margin-bottom:15px;margin-top:-5px;display:inline-block
margin-left:32px;}
.fa-li{color:#373737}
.green-list .fa-li{color:#6ebf4d;padding-right:10px;}
.red-list .fa-li{color:#e34545}
.blue-list .fa-li{color:#5c95f2}
.primary-list .fa-li{color:#e2492f}
.clients{width:100%;margin-bottom:30px;margin-top:30px}
.clients li{display:block;width:auto!important;padding:0 8px 0 0;margin-bottom:24px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;opacity:.9;filter:alpha(opacity=40)}
.clients img{-o-transition:.3s all ease-in;-moz-transition:.3s all ease-in;transition:.3s all ease-in;margin:0 auto;display:block}
.twitter-holder{background-color:#e2492f;padding-bottom:30px}
.twitter-holder h2{color:#fff;text-align:center;padding:30px 0 10px;margin-bottom:0}
.twitter-icon img{display:block;margin:0 auto}
.twitter-icon{display:block;color:#fff;font-size:36px;line-height:59px;text-align:center;margin:10px auto 0;width:58px;height:58px;border-radius:50%;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;border:2px solid #fff}
.twitter-icon:hover{color:#fff;margin-top:0;margin-bottom:10px}
.twitter-icon a{font-size:11px;color:#fff;text-align:center;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.sidebar-twitter,
.tweet_list li a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.twitter-feed{width:800px;margin:0 auto;color:#fff}
.stream-portfolio li,
.tag-cloud a{margin-right:3px;display:block;float:left}
.twitter-feed ul li{text-align:center;font-size:14px;line-height:22px;padding:0 20px 10px;font-family:Open-Sans, sans-serif;color:#fff}
.tweet_list li a{color:#fff;font-style:italic;transition:all .2s linear}
.tweet_list li a:hover{text-decoration:underline}
#banner .oneByOne_item a,
.filters li a:hover,
.footer-links li a:hover,
.footer-twitter .tweet_list li a:hover,
.latest-blog-posts li a:hover,
.pop-up-btn,
.scroll-top a:hover,
.sidebar-menu li a:hover,
.stream-portfolio li a:hover{text-decoration:none}
.sidebar-twitter .tweet_list li a{color:#e2492f}
.sidebar-twitter{background:#f4f4f4;padding:15px;border-bottom:1px solid #e4e4e4;transition:all .2s linear}
.sidebar-twitter:hover{border-bottom:1px solid #e2492f}
.twitter-follow i{color:#9f9f9f;font-size:24px;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;border-radius:50%;padding:3px;margin-top:15px;float:left;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.footer-twitter li a{color:#9f9f9f}
#footer,
.stream-portfolio-overlay i,
.tag-cloud a,
.twitter-follow:hover i,
footer a:hover,
footer h4{color:#fff}
.twitter-follow:hover i{border-color:#fff}
.twitter-follow a{display:block;margin-top:24px;float:left;margin-left:10px}
.tag-cloud{margin-bottom:17px}
.tag-cloud a{margin-bottom:3px;font-size:9px;background:#222;padding:5px 9px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.sidebar .stream-portfolio li img,
.stream-portfolio-overlay,
footer .stream-portfolio li img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.tag-cloud a:hover{background:#e2492f}
.stream-portfolio{list-style:none;margin-bottom:17px;z-index:10}
.col-row .col-row .stream-portfolio{margin-bottom:37px}
.stream-portfolio li{margin-bottom:3px;list-style-type:none;width:76px;height:76px}
.sidebar .stream-portfolio li{margin-bottom:4px;margin-right:4px;width:88px;height:88px}
.sidebar .stream-portfolio-overlay{width:100%;height:100%;line-height:88px}
.sidebar .stream-portfolio li img{width:88px;height:88px;box-shadow:#000 0 0 0}
.stream-portfolio-overlay,
footer .stream-portfolio li img{width:76px;height:76px}
footer .stream-portfolio li img{box-shadow:#000 0 0 0}
.stream-portfolio-overlay{display:block;background:#e2492f;top:0;left:0;position:absolute;color:#fff;line-height:76px;font-size:19px;text-align:center}
.scroll-top a,
.ui-accordion-header{-webkit-transition:all .2s linear;-moz-transition:all .2s linear}
.stream-portfolio li a{z-index:4000;position:absolute;top:0;left:0}
.no-csstransitions .stream-portfolio-overlay{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.no-csstransitions .stream-portfolio li:hover .stream-portfolio-overlay{display:block}
.csstransitions .stream-portfolio li img:hover{opacity:.2}
#footer{background-color:#373737;border-top:10px solid #494949;padding-top:30px}
footer a{color:#9f9f9f}
footer h4{margin-bottom:15px}
footer .logo{margin-top:0}
.footer-main{border-bottom:1px solid #2a2a2a}
.footer-bottom{border-top:1px solid #4d4d4d;position:relative;padding:20px 0}
.bottom-left{float:left}
.bottom-right{float:right}
#footer .copyright{font-size:10px;line-height:30px;padding-bottom:0;color:#9f9f9f}
#footer-nav{margin-top:2px}
#footer-nav li{display:inline;margin-right:8px}
#footer-nav li a{font-family:Arial, sans-serif;color:#9f9f9f;font-size:10px}
#footer-nav li a:hover{color:#fff}
.scroll-top{display:none}
.scroll-top a{width:44px;height:44px;border-radius:50%;text-align:center;line-height:43px;background:#000;position:fixed;bottom:20px;right:20px;font-size:16px;color:#fff;opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.scroll-top a:hover{background-color:#e2492f;color:#fff;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.content-slider .flex-direction-nav,
.no-touch .animated,
.no-touch .animated-start{opacity:0}
.footer-links{margin-bottom:12px}
.footer-links li:first-child{padding-top:0}
.footer-links li{position:relative;z-index:10;padding-bottom:8px}
.footer-links li i{color:#9f9f9f;margin-right:10px;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.ui-accordion-header,
.ui-accordion-header-icon{-o-transition:all .2s linear;-ms-transition:all .2s linear}
.footer-links li a{color:#9f9f9f}
.footer-links li a:hover{color:#fff}
.accordion{margin-bottom:20px}
.ui-accordion-header{background:#f4f4f4;padding:10px;font-size:12px;cursor:pointer;color:#e2492f;margin-bottom:5px;border-bottom:1px solid #ccc;transition:all .2s linear}
.tabs-side .ui-tabs-nav a,
.tabs-top .ui-tabs-nav a,
.ui-accordion-header-icon{-webkit-transition:all .2s linear;-moz-transition:all .2s linear}
.ui-accordion-header:hover{color:#373737;border-bottom:1px solid #e2492f}
.ui-accordion-header-icon{height:15px;width:15px;float:left;margin-right:10px;margin-top:3px;display:block;background:url(../img/toggle.html) top center no-repeat #e2492f;transition:all .2s linear}
.tabs-side .ui-tabs-nav a,
.tabs-top .ui-tabs-nav a{-o-transition:all .2s linear;-ms-transition:all .2s linear}
.ui-accordion-header-active{background:#e2492f;color:#fff;border-bottom:1px solid #e2492f}
.ui-accordion-header-active:hover{color:#fff}
.ui-accordion-header-active .ui-accordion-header-icon{background:url(../img/toggle.html) bottom center no-repeat #e2492f}
.ui-accordion-content{padding:15px 0}
.tabs-top .ui-tabs-nav li{display:inline-block;margin-right:5px;padding:8px 0}
.tabs-side .ui-tabs-nav a,
.tabs-side-2 .ui-tabs-nav a{display:block;cursor:pointer}
.tabs-top .ui-tabs-nav a{padding:8px;font-size:10px;cursor:pointer;color:#757575;border-left:1px solid #dedede;transition:all .2s linear}
.tabs-top .ui-tabs-nav li a:hover{color:#e2492f}
.tabs-top .ui-tabs-active a{border-left:1px solid #e2492f;color:#e2492f;padding-right:30px}
.tabs-top .ui-tabs-panel{padding-top:15px}
.tabs-side,
.tabs-side-2{margin-bottom:20px}
.tabs-side .ui-tabs-nav{float:left;width:30%}
.tabs-side .ui-tabs-nav a{background:#f4f4f4;padding:10px;font-size:11px;color:#373737;margin-bottom:5px;border-bottom:1px solid #ccc;transition:all .2s linear}
.post-author .portrait,
.tabs-side-2 .ui-tabs-nav a,
.testimony .portrait{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.tabs-side .ui-tabs-active a,
.tabs-side .ui-tabs-nav li a:hover{color:#fff;background:#e2492f;border-bottom:1px solid #e2492f}
.tabs-side .ui-tabs-nav li a i{padding-right:8px;font-size:14px}
.tabs-side .ui-tabs-panel{float:left;width:60%;margin:0 5%;border-bottom:1px solid #e4e4e4}
.tabs-side-2 .ui-tabs-nav{float:left;width:30%;min-width:90px}
.tabs-side-2 .ui-tabs-nav a{padding:10px;font-size:11px;color:#373737;margin-bottom:1px;border-left:1px solid #ccc;background:#f8f8f8;transition:all .2s linear}
.tabs-side-2 .ui-tabs-active a,
.tabs-side-2 .ui-tabs-nav li a:hover{color:#e2492f;border-left:1px solid #e2492f}
.tabs-side-2 .ui-tabs-active a{padding-left:15px}
.tabs-side-2 .ui-tabs-nav li a i{padding-right:8px;font-size:14px}
.tabs-side-2 .ui-tabs-panel{float:left;width:60%;margin:0 4%;border-bottom:1px solid #e4e4e4}
.latest-blog-posts{margin-bottom:20px}
.latest-blog-posts li{padding:8px 0}
#sidebar .latest-blog-posts li{padding:7px 0}
.latest-blog-posts li:first-child{padding-top:0}
#sidebar .latest-blog-posts li:last-child,
.latest-blog-posts li:last-child{padding-bottom:0}
.latest-blog-posts li img{padding:5px;float:left;margin-right:10px;border:1px solid #dedede;max-width:70px;max-height:70px}
.post-date{font-size:10px;font-style:italic;color:#969696}
#sidebar .latest-blog-posts li img{border:1px solid #dedede}
.page-title,
.page-title-2,
.page-title-3,
.page-title-4{border-bottom:1px solid #e4e4e4}
footer .latest-blog-posts li h5 a{color:#ccc}
footer .latest-blog-posts li a:hover{color:#fff}
.latest-blog-posts li h5{margin-bottom:0;padding-top:4px;line-height:14px;font-weight:400}
.latest-blog-posts li p{padding-bottom:0;font-size:11px;line-height:16px}
.latest-blog-posts li a{color:#373737}
.latest-blog-posts li a:hover{color:#e2492f}
#sidebar .latest-blog-posts li a:hover{color:#323232}
.blog-icon{background:#e2492f;color:#fff;display:inline-block;float:left;height:43px;width:43px;line-height:43px;margin-right:10px;position:relative;text-align:center}
.blog-icon i{font-size:21px;line-height:43px}
.page-title{padding-bottom:30px;margin-bottom:0px}
.page-title .page-title-inner{padding-bottom:0}
.page-title span {font-size: 25px; font-weight: 700; color: #373737; margin-top: 5px; padding-top: 15px; margin-bottom: 0; border-right: 1px solid #999; width: 200px; height: 90px; line-height: 30px; text-transform: uppercase; float: left;}
/*.page-title h1{font-size:25px;font-weight:700;color:#373737;margin-top:5px;padding-top:15px;margin-bottom:0;border-right:1px solid #999;width:330px;height:90px;line-height:30px}*/
.page-title p{float:left;width:655px;height:50px;font-size:17px;padding-left:10px;line-height:25px}
.page-title .one-line{margin-top:34px}
.page-title-icon{float:left;background:#e2492f;color:#fff;font-size:42px;margin-right:20px;height:110px;width:110px;line-height:110px;text-align:center}
.breadcrumbs{font-size:11px;display:inline-block;position:absolute;right:0;top:32%;margin-top:5px}
.angled .title-caption span:after,
.angled h1:after{content:"";width:0;height:0;top:0}
.page-title-4{margin-bottom:30px}
.page-title-inner{position:relative;padding:30px 0}
.page-title-4 h1{font-size:26px;color:#fff;background:#e2492f;display:inline-block;padding:5px 15px;margin-bottom:3px;position:relative}
.breadcrumbs-2,
.title-caption span{font-size:11px;display:inline-block}
.angled h1{padding-right:5px}
.angled h1:after{position:absolute;border-top:50px solid #e2492f;border-right:50px solid transparent;right:-50px}
.title-caption span{padding:10px 15px;background:#373737;color:#fff;position:relative}
.angled .title-caption span:after{position:absolute;border-top:40px solid #373737;border-right:40px solid transparent;right:-40px}
.breadcrumbs-2 span{margin-right:5px}
.breadcrumbs-2{background:#fff;padding:12px 16px;position:absolute;right:0;bottom:-1px;border-top-right-radius:3px;border-top-left-radius:3px}
.page-title .breadcrumbs-2,
.page-title-2 .breadcrumbs-2,
.page-title-3 .breadcrumbs-2{bottom:-31px}
.page-title-2{margin-bottom:30px}
.page-title-2 h1{font-size:30px;font-weight:300;color:#e2492f;margin-bottom:0}
.page-subtitle{font-size:14px;margin-top:-4px;display:block;color:#aaa}
.page-title-2 .breadcrumbs{margin-top:-10px}
.page-title-3{padding-bottom:30px;padding-top:30px;margin-bottom:30px}
.page-title-3 h1{font-size:48px;font-weight:800;color:#fff;margin-top:14px;margin-bottom:0;text-shadow:2px 2px 0 #121212}
.page-title-3 .page-title-icon{box-shadow:4px 4px 0 #121212}
.sidebar{width:272px}
.sb-left{float:left}
.sb-right{float:right}
.boxed,
.circled{margin-right:10px;width:28px;height:28px;text-align:center;line-height:28px;font-size:14px}
.boxed{background:#e2492f;color:#fff}
.circled{color:#e2492f;border:1px solid;border-radius:50%}
#check,
#search-box,
.textbox{font-family:inherit;border-right:none}
.sidebar h3{margin-bottom:20px;font-size:15px;text-transform:none;text-align:left}
.sidebar-menu{margin-bottom:30px}
.testimony,
.video{margin-bottom:20px}
.sidebar-menu li{position:relative;z-index:10;margin-top:8px;padding-bottom:8px;border-bottom:1px solid #e4e4e4}
.sidebar-menu li i{color:#373737;margin-right:10px;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
#check,
.sidebar-menu li a,
.textbox{color:#757575}
#search-button,
.share-btn{-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear}
.sidebar-menu li:hover i{margin-right:15px}
.sidebar-menu li a:hover{color:#e2492f}
#search-box{width:206px;float:left;height:39px;padding:0 8px;color:#888;background-color:#f4f4f4;border-bottom:1px solid #dedede;border-top:none;border-left:none;font-size:inherit}
#search-button{background-color:#e2492f;width:50px;height:40px;border:none;cursor:pointer;color:#f7f7f7;font-size:16px;line-height:40px;transition:background-color .2s linear}
#search-button:hover{background-color:#323232}
.video-title{margin-top:-6px}
.video-title h5{color:#fff;background:#e2492f;font-size:15px;font-weight:300;line-height:44px}
.box-title h3,
.member-details h4,
.post-author h4,
.testimony-author h4{color:#373737;text-transform:uppercase}
.video-title h5 i{font-size:17px;margin-right:10px;height:48px;width:48px;line-height:48px;text-align:center;background:#373737}
.five-sixth .video iframe{max-width:836px;max-height:470px}
.three-fourth .video iframe{max-width:750px;max-height:422px}
.two-third .video iframe{max-width:664px;max-height:374px}
.one-half .video iframe{max-width:492px;max-height:277px}
.one-third .video iframe{max-width:320px;max-height:170px}
.one-fourth .video iframe{max-width:234px;max-height:132px}
.one-sixth .video iframe{max-width:148px;max-height:83px}
.five-sixth .ratio43 iframe{max-width:836px;max-height:627px}
.three-fourth .ratio43 iframe{max-width:750px;max-height:563px}
.two-third .ratio43 iframe{max-width:664px;max-height:498px}
.one-half .ratio43 iframe{max-width:492px;max-height:369px}
.one-third .ratio43 iframe{max-width:320px;max-height:240px}
.one-fourth .ratio43 iframe{max-width:234px;max-height:176px}
.one-sixth .ratio43 iframe{max-width:148px;max-height:11px}
.team-member{margin-top:20px}
.boxshadow .content-box-icon,
.boxshadow .portrait{border-radius:0;width:280px;-moz-box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888, 0 0 0 12px #fff;-webkit-box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888, 0 0 0 12px #fff;box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888, 0 0 0 12px #fff}
.post-author:hover .portrait,
.testimony-inner:hover .portrait{left:-75px}
.post-author-inner,
.testimony-inner{position:relative;padding:15px 15px 15px 75px;margin-left:54px;border:1px solid #f0f0f0}
.post-author p{padding-bottom:10px}
.post-author{background:url(../img/box-images/cog-br.html) bottom right no-repeat;margin-bottom:40px}
.post-author .portrait,
.testimony .portrait{position:absolute;top:50%;left:-54px;margin-top:-54px;transition:all .2s linear}
.content-box-icon,
.social-links-circle li a,
.social-links-circle-2 li a{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.team-member .portrait{float:left;margin-right:25px}
.box-title h3{font-size:12px;text-align:left;padding-left:10px}
.h3,
.member-details h4,
.testimony-author h4{margin-bottom:0}
.box-title h3,
.member-details h4{margin-top:15px;font-weight:700}
.box-title,
.member-details{float:left}
.content-box-subtitle,
.role,
.testimony-author span{font-size:10px;color:#e2492f;text-transform:uppercase;margin-top:-3px;display:block;margin-bottom:5px}
.testimony-text{float:left;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e2492f}
.team-member p{clear:both;text-align:justify;padding-top:5px}
.content-box,
.team-member-type-2{border:0 solid #e4e4e4;padding:165px 20px 20px;margin-top:60px;position:relative;margin-bottom:20px;text-align:center}
.content-box-icon{width:90px;height:90px;line-height:110px;color:#373737;text-align:center;font-size:48px;background:#f4f4f4;transition:all .2s linear}
.content-box:hover .content-box-icon{color:#fff;background:#e2492f}
.content-box-icon,
.team-member-type-2 .portrait{position:absolute;top:-40px;left:50%;margin-left:-139px}
.content-box .box-title,
.team-member-type-2 .member-details{float:none;text-align:center;margin-bottom:10px}
.content-box p,
.team-member-type-2 p{text-align:justify;margin-bottom:30px;border-bottom:1px solid #e2492f}
.team-member-type-2 .button{margin-top:25px}
.social-links-circle li,
.social-links-circle-2{cursor:pointer}
.social-links-circle li,
.social-links-circle-2 li{display:inline}
.social-links-circle li a,
.social-links-circle-2 li a{display:inline-block;text-align:center;color:#bbb;border:1px solid #bbb;border-radius:50%;margin-right:1px;margin-bottom:5px;transition:all .2s linear}
.share,
.social-links-round li,
.social-links-round-2 li,
.social-links-square li,
.social-links-square-2 li{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
.social-links-circle li a:hover,
.social-links-circle-2 li a:hover{color:#fff;background:#e2492f;border-color:#e2492f}
.social-links-circle li a{height:28px;width:28px;line-height:28px;font-size:16px}
.social-links-circle-2 li a{height:34px;width:34px;line-height:34px;font-size:16px}
footer .social-links-circle li a,
footer .social-links-circle-2 li a{color:#888;border-color:#888}
.social-links-round,
.social-links-round-2,
.social-links-square,
.social-links-square-2{margin-bottom:18px}
.social-links-round li,
.social-links-round-2 li,
.social-links-square li,
.social-links-square-2 li{display:block;float:left;text-align:center;transition:all .2s linear;color:#fff;background:#e2492f}
.social-links-round li:hover,
.social-links-round-2 li:hover,
.social-links-square li:hover,
.social-links-square-2 li:hover{background-color:#373737}
.social-links-round li a,
.social-links-square li a{height:28px;width:28px;display:block;line-height:28px;font-size:16px;color:#fff}
.social-links-round-2 li a,
.social-links-square-2 li a{height:34px;width:34px;display:block;line-height:34px;color:#fff;font-size:16px}
.social-links-square li,
.social-links-square-2 li{margin-right:2px;margin-bottom:2px}
.social-links-round li,
.social-links-round-2 li{border-radius:50%;margin-right:6px;margin-bottom:6px}
.post-img img,
.post-video{border:1px solid #d7d7d7;display:block}
.blog-post,
.blog-post-full{margin-bottom:20px}
.post-img,
.post-video{margin-bottom:15px}
.post-img img{padding:6px;max-width:100%;height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#contact-form input,
#contact-form textarea,
.benifits_image,
.c_border{box-sizing:initial}
.post-video{padding:6px 6px 0}
.post-excerpt .post-title h3{font-size:16px;line-height:26px;text-transform:none;margin-bottom:3px}
.post-excerpt .post-title{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee}
.post-title h1,
.post-title h3{font-size:22px;line-height:28px;font-weight:300;text-transform:none;margin-bottom:3px}
#check,
.post-title,
.textbox{margin-bottom:15px}
.post-title h1 a,
.post-title h3 a{color:#373737}
.post-title h1 a:hover,
.post-title h3 a:hover{color:#e2492f}
.post-title{padding-bottom:15px;border-bottom:1px solid #eee}
.meta{float:left;width:48px;position:relative}
.date{background:#2f2f2f;color:#f7f7f7;text-align:center;padding:6px 5px 3px;margin-bottom:2px}
.date span{display:block}
.date .day{font-size:18px;margin-top:3px;font-weight:700}
.date .month{font-size:10px;text-transform:uppercase}
.tags i{margin-right:8px;color:#bbb}
.tags a{font-size:11px}
.tags span{display:inline-block;margin-right:10px}
.post-content{float:left;margin-left:20px;width:596px}
.post-intro{font-size:16px;line-height:24px;font-weight:300;text-transform:none}
.comment-author,
.filter-container span,
.filters li a,
.info-close,
.share-btn{text-transform:uppercase}
.blog-style-2 .image-gallery,
.blog-style-2 .post-img,
.blog-style-2 .post-video{margin-left:14px;float:left}
.blog-style-2 .post-img img{max-width:234px;height:auto}
.blog-type,
.share{height:48px;width:48px}
.blog-style-2 .post-video iframe{max-width:234px;max-height:200px}
.blog-style-2 .post-content{float:left;margin-left:20px;width:334px}
.blog-style-2 .image-gallery{max-width:234px}
.blog-post-full .post-content{width:940px}
.share-post{position:absolute;top:102px;z-index:10;width:48px;margin-top:2px}
.share-btn{color:#f7f7f7;font-size:10px;display:block;text-align:center;transition:background-color .2s linear}
.share,
.share-networks li{font-size:19px;display:block;text-align:center}
.closed:hover{background:#e2492f;color:#f7f7f7}
.closed{background:#373737}
.opened{background:#e2492f}
.opened:hover{background:#373737;color:#f7f7f7}
.share-networks{z-index:10}
.share-networks li{-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.share-networks li:hover{background-color:#373737}
.share-networks li a i{color:#fff}
.share{background-color:#e2492f;transition:all .2s linear}
.share i{line-height:48px;color:#fff}
.share:hover{cursor:pointer;background-color:#373737!important}
.blog-type{background-color:#e2492f;text-align:center;color:#fff}
.blog-type i{font-size:21px;line-height:48px}
.image-gallery{position:relative;border:1px solid #d7d7d7;padding:6px;display:block;margin-bottom:20px}
.gallery-title .button,
.image-gallery .post-img{margin-bottom:0}
.content-slider .flex-direction-nav,
.image-gallery .flex-direction-nav{height:0;margin:0}
.content-slider .flex-next,
.content-slider .flex-prev,
.image-gallery .flex-next,
.image-gallery .flex-prev{position:absolute;top:50%;margin-left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.image-gallery .flex-prev{left:25px;margin-top:-21px}
.image-gallery .flex-next{right:25px;margin-top:-21px}
.image-gallery .flex-next,
.image-gallery .flex-prev{width:36px;height:36px;line-height:36px;color:#fff}
.gallery-title{position:absolute;padding:20px;top:5%;border-left:2px solid #fff;left:30px}
.gallery-title h2{color:#fff;margin-bottom:0;font-size:44px;line-height:40px;font-weight:800;text-shadow:1px 1px 1px #323232}
.gallery-description{background:#fff;font-weight:300;font-size:15px;line-height:24px;position:absolute;bottom:0;right:0;padding:20px;display:inline-block;max-width:40%}
.content-slider .flex-next,
.content-slider .flex-prev{width:48px;height:48px;line-height:48px;color:#bbb}
.content-slider .flex-prev{left:-90px;margin-top:-27px}
.content-slider .flex-next{right:-90px;margin-top:-27px}
.content-slider .flex-next:hover,
.content-slider .flex-prev:hover{color:#fff}
.gallery-item{float:left}
.gallery-item img{float:left;box-shadow:#000 0 0 0;max-width:100%}
.comments-section{margin-bottom:10px}
.comment{margin-bottom:30px}
.comment-text{margin-left:110px;background:#f4f4f4;position:relative;padding:15px 15px 0;border-bottom:1px solid #ddd}
.comments-section h3{font-size:20px;color:#373737;font-weight:700;margin-bottom:30px}
.comment-reply{margin-left:60px}
.avatar{float:left;margin-right:20px}
.comment-date{margin-bottom:10px;margin-top:-3px;display:block;font-size:11px}
.comment-author{color:#e2492f;font-size:11px;font-style:normal}
.reply{position:absolute;top:15px;right:15px}
.portfolio-pagination{padding:0 0 40px;margin-top:-4px}
.main-content-left .blog-pagination,
.main-content-right .blog-pagination{padding:0 0 10px;margin-top:-5px}
.blog-pagination{padding:0 0 40px;margin-top:-5px}
.blog-pagination li,
.portfolio-pagination li{display:inline;margin-right:2px}
.blog-pagination li a,
.portfolio-pagination li a{padding:3px 10px;font-size:11px;color:#f7f7f7;background:#373737;display:inline-block;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.blog-pagination li a:hover,
.portfolio-pagination li a:hover{background:#e2492f;text-decoration:none}
.blog-pagination li a.active-page,
.portfolio-pagination li a.active-page{background:#e2492f}
.portfolio-items .one-fourth,
.portfolio-items .one-half,
.portfolio-items .one-third{margin-bottom:0}
.portfolio-items li{display:block}
.filter-container{margin-bottom:30px;padding-bottom:8px;padding-top:8px;border-bottom:1px solid #eee;border-top:1px solid #eee}
.isotope{position:relatve;-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,
.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity}
.filter-container span{display:inline;float:left;margin-right:15px;font-weight:700;font-size:10px}
.filters{font-size:12px;margin-left:0}
.filters li{line-height:16px;margin-right:20px;display:inline}
.filters .current{color:#e2492f}
.filters li a{font-size:10px;color:#999;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear}
.filters li a:hover{color:#e2492f}
.project-skills{margin-left:20px;margin-bottom:16px}
.project-skills li{display:inline-block;margin-right:30px;margin-bottom:4px}
.project-skills li i{border-radius:50%;background:#e2492f;color:#fff;width:14px;height:14px;line-height:14px;font-size:9px;margin-top:3px}
#google-map{margin-top:-30px;margin-bottom:30px;border-top:1px solid #fff}
#google-map iframe{width:100%}
.contact-info{margin-bottom:20px}
.contact-info.one-fourth.cf.fg {width: 261px;}
.contact-info h2{/*font-size:20px;color:#373737;font-weight:700*/ margin-bottom: 10px;}
.contact-info h3{font-size:16px;/*color:#e2492f;*/color:#000;text-transform:none; font-family: Roboto, sans-serif;}
.contact-info strong{padding-right:5px}
.header-top .contact-info{margin:5px 4px}
.contact-info ul li,
.contact-info ul li a{display:inline-block;margin-right:40px;color:#0d4e9b;margin-left:0}
.contact-info ul li i{color:#c74b1b;font-size:16px;line-height:18px}
footer .contact-info strong{color:#fff;font-weight:700}
footer .contact-info{background:url(../img/world.png) center center no-repeat}
#check,
.textbox{padding:10px;background-color:#f4f4f4;font-size:inherit;border-top:none;border-left:none}
#contact-form{width:100%;margin-top:15px}
#contact-form input.textbox{width:90%;}
#contact-form input.textbox.textbox2 {width:94.5%;}
#contact-form textarea.textbox.textbox2 {width:90%;}
.textbox{width:316px;border-bottom:1px solid #dedede;border-radius:5px}
#check:focus,
.textbox:focus{border-bottom:1px solid #e2492f}
label{padding-top:6px;float:left;width:111px}
#check{width:60px;border-bottom:1px solid #dedede}
#comment-message,
#message{height:135px;width:316px;margin-top:2px;margin-bottom:8px}
#post-comment,
#submit{margin-left:111px;margin-bottom:15px;float:left;cursor:pointer;padding:10px 15px;border:none}
#post-comment:hover,
#submit:hover{background:#2f2f2f}
#message-outcome{clear:both;margin-left:111px;padding:15px;background:#f1d76e;color:#746417;display:none;border:1px dashed #bbb63b}
.yellow-info,
.yellow-info .info-close{border:1px solid #e0d594;color:#62523a}
#comment-form .textbox{width:533px}
#comment-form{width:664px;margin-bottom:25px}
.info-box{padding:20px 20px 0;margin-bottom:20px;position:relative}
.info-close{font-size:10px;display:block;position:absolute;top:10px;right:10px;text-align:center;height:19px;width:19px;line-height:20px}
.info-box h4{font-size:16px;margin-bottom:10px}
.plan-pricing,
.plan-type h3{margin-bottom:0;text-transform:none}
.yellow-info{background:#fff6bf}
.yellow-info h4{color:#62523a}
.green-info,
.green-info h4{color:#404e2e}
.green-info{background:#bbdd8c;border:1px solid #a0c272}
.green-info .info-close{color:#404e2e;border:1px solid #a0c272}
.red-info,
.red-info h4{color:#5f393a}
.red-info{background:#f1d5d6;border:1px solid #f2b1b4}
.red-info .info-close{color:#5f393a;border:1px solid #f2b1b4}
.blue-info,
.blue-info h4{color:#4c6671}
.blue-info{background:#c2e1ee;border:1px solid #9fc6d7}
.blue-info .info-close{color:#4c6671;border:1px solid #9fc6d7}
.plan-type h3{text-align:center;color:#fff;line-height:28px}
.plan-pricing,
.plan-pricing-2,
.plan-type-2{color:#373737;text-align:center}
.plan-type{padding:14px 0}
.plan-pricing{font-weight:700;font-size:34px;line-height:40px;padding:15px 0}
.plan-pricing span{display:block;margin-top:-10px;font-size:16px;font-weight:400}
.plan-features ul li{display:block;background:#f8f8f8;border-top:1px solid #e4e4e4;text-align:center;padding:14px 0;text-transform:uppercase;font-size:13px}
.plan-pricing-2,
.plan-type-2 h3{text-transform:none;margin-bottom:0}
.plan-features ul li:nth-child(even){background:#f1f1f1}
.premium-plan .plan-type,
.premium-plan-big .plan-type{background:#e2492f;border:1px solid #e2492f}
.premium-plan-big{margin-top:-10px;margin-bottom:41px}
.premium-plan-big .plan-pricing{padding:26px 0}
.standard-plan .plan-type{background:#373737;border:1px solid #373737}
.plan-type-2{margin-bottom:0;padding-top:20px}
.plan-type-2 h3{line-height:22px}
.plan-type-2 i{color:#fff;background:#373737;width:80px;height:80px;line-height:80px;font-size:48px;text-align:center;margin:20px 0;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear}
.count-type,
.timer{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.table:hover .plan-type-2 i{border-radius:50%;-webkit-border-radius:50%}
.premium-plan-2 .plan-type-2 i,
.premium-plan-big-2 .plan-type-2 i{color:#fff;background:#e2492f;font-size:48px;text-align:center;margin:20px 0}
.premium-plan-big-2 .plan-type-2 i{width:100px;height:100px;line-height:100px}
.price{font-size:36px;line-height:40px;font-weight:300;display:block}
.period{font-size:16px;font-weight:400;display:block;margin-bottom:30px}
.standard-plan-2 .price{font-size:30px}
.premium-plan-2 .price,
.premium-plan-big-2 .price{color:#e2492f}
.plan-features-2 ul li{display:block;border-top:1px solid #e4e4e4;text-align:center;padding:14px 0;text-transform:uppercase;font-size:13px}
.premium-plan-big-2{margin-top:-10px;margin-bottom:41px}
.order-btn,
.order-btn-primary{border-top:1px solid #e4e4e4;padding:22px 0!important;text-align:center}
.order-btn .button{margin-bottom:0;background-color:#999}
.order-btn .button:hover{background-color:#373737}
.order-btn-primary .button{background:#e2492f;margin-bottom:0}
.order-btn-primary .button:hover{background:#121212}
.table{border:1px solid #e4e4e4;margin-bottom:30px}
.pricing-tables .one-third{width:318px}
.pricing-tables .two-third{width:662px}
.pricing-tables .one-fourth{width:232px}
.pricing-tables .three-fourth{width:748px}
.pricing-tables .one-half{width:490px}
.pricing-tables .one-sixth{width:146px}
.pricing-tables .five-sixth{width:834px}
.error-message{text-align:center;padding:15px 0 55px}
.error-message h2{font-size:180px;line-height:180px}
.error-message h3{font-size:28px;line-height:34px;font-weight:300;text-transform:none;margin-bottom:20px}
.color,
.package_heading,
.per_month,
.per_month1,
.step h4{text-transform:uppercase}
.error-message p{font-size:15px;padding-bottom:30px}
.counter{text-align:center;color:#373737;margin-bottom:20px}
.counter:hover .timer{border-color:#e2492f}
.counter:hover .count-type{color:#e2492f}
.timer{display:block;font-size:40px;font-weight:800;margin-bottom:15px;border-bottom:1px solid #e4e4e4;line-height:40px;padding-bottom:15px}
.count-type{font-size:14px;color:#bbb}
.color-section .count-type,
.color-section .counter,
.color-section .counter:hover .count-type,
.dark-section .count-type,
.dark-section .counter,
.dark-section .counter:hover .count-type{color:#fff}
.counter i{font-size:40px;width:70px;height:70px;line-height:70px;padding:10px;text-align:center;border:3px solid;border-radius:50%}
.color-section .counter:hover .timer,
.color-section .timer,
.dark-section .counter:hover .timer,
.dark-section .timer{border-color:#fff}
.no-touch .animated-hover{opacity:1!important}
.step-icon,
.step-icon-last{width:150px;height:150px;line-height:150px;font-size:48px;margin:0 auto 30px;border-radius:50%;position:relative;-moz-box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888;-webkit-box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888;box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.step-icon{color:#373737;background:#f4f4f4}
.step-icon-last,
.step-icon:hover{background:#e2492f;color:#fff}
.step h4{color:#373737}
.step span{font-size:15px;display:block}
.step{text-align:center;margin-top:6px}
.color-1{background:#e2492f}
.color-2{background:#f83}
.color-3{background:#00aff0}
.color-4{background:#99ad5d}
.color-5{background:#3bb001}
.color-6{background:#55537d}
.pattern-1{background-image:url(../img/backgrounds/pattern-1.html)}
.pattern-2{background-image:url(../img/backgrounds/pattern-2.html)}
.pattern-3{background-image:url(../img/backgrounds/pattern-3.html)}
.pattern-4{background-image:url(../img/backgrounds/pattern-4.html)}
.pattern-5{background-image:url(../img/backgrounds/pattern-5.html)}
.pattern-6{background-image:url(../img/backgrounds/pattern-6.html)}
.pattern-7{background-image:url(../img/backgrounds/pattern-7.html)}
.pattern-8{background-image:url(../img/backgrounds/pattern-8.html)}
.pattern-9{background-image:url(../img/backgrounds/pattern-9.html)}
.pattern-10{background-image:url(../img/backgrounds/pattern-10.html)}
.pattern-11{background-image:url(../img/backgrounds/pattern-11.html)}
.pattern-12{background-image:url(../img/backgrounds/pattern-12.html)}
.pattern-13{background-image:url(../img/backgrounds/pattern-13.html)}
.pattern-14{background-image:url(../img/backgrounds/pattern-14.html)}
.pattern-15{background-image:url(../img/backgrounds/pattern-15.html)}
.pattern-16{background-image:url(../img/backgrounds/pattern-16.html)}
.align-left{text-align:left}
.align-right{text-align:right}
.align-center,
.text{text-align:center}
.fl-left{float:left}
.fl-right,
.social_m{float:left}
.top-0{margin-top:0}
.top-5{margin-top:5px}
.top-10{margin-top:10px}
.top-15{margin-top:15px}
.top-20{margin-top:20px}
.top-25{margin-top:25px}
.top-30{margin-top:30px}
.top-35{margin-top:35px}
.top-40{margin-top:40px}
.top-45{margin-top:45px}
.top-50{margin-top:50px}
.top-55{margin-top:55px}
.top-60{margin-top:60px}
.bottom-0{margin-bottom:0}
.bottom-5{margin-bottom:5px}
.bottom-10{margin-bottom:10px}
.bottom-15{margin-bottom:15px}
.bottom-20{margin-bottom:20px}
.bottom-25{margin-bottom:25px}
.bottom-30{margin-bottom:30px}
.bottom-35{margin-bottom:35px}
.bottom-40{margin-bottom:40px}
.bottom-45{margin-bottom:45px}
.bottom-50{margin-bottom:50px}
.bottom-55{margin-bottom:55px}
.bottom-60{margin-bottom:60px}
.negative-top-5{margin-top:-5px}
.negative-top-10{margin-top:-10px}
.negative-top-15{margin-top:-15px}
.negative-top-20{margin-top:-20px}
.negative-top-25{margin-top:-25px}
.negative-top-30{margin-top:-30px}
.negative-top-35{margin-top:-35px}
.negative-top-40{margin-top:-40px}
.negative-top-45{margin-top:-45px}
.negative-top-50{margin-top:-50px}
.negative-top-55{margin-top:-55px}
.negative-top-60{margin-top:-60px}
.negative-bottom-5{margin-bottom:-5px}
.negative-bottom-10{margin-bottom:-10px}
.negative-bottom-15{margin-bottom:-15px}
.negative-bottom-20{margin-bottom:-20px}
.negative-bottom-25{margin-bottom:-25px}
.negative-bottom-30{margin-bottom:-30px}
.negative-bottom-35{margin-bottom:-35px}
.negative-bottom-40{margin-bottom:-40px}
.negative-bottom-45{margin-bottom:-45px}
.negative-bottom-50{margin-bottom:-50px}
.negative-bottom-55{margin-bottom:-55px}
.negative-bottom-60{margin-bottom:-60px}
.right-0{margin-right:0!important}
.left-0{margin-left:0!important}
.left-20{margin-left:20px}
.social_m{margin-right:45px;margin-top:-15px}
.fb_iframe_widget span{width:100%!important}
.fb-like-box,
.fb_iframe_widget iframe{width:96%!important}
.color{color:#000;font-weight:700;margin:25px 0 0 20px}
.or_color{color:#1086b7;letter-spacing:0;font-size:28px;font-family:'PT Sans Narrow', sans-serif}
.h_font{font-family:Roboto, sans-serif;font-size:40px;font-weight:100}
.student_speak{float:left;width:95%;margin:10px 0 0 20px}
.student_img{float:left;width:21%;border:1px solid #d1d1d1;border-radius:4px;padding:4px;margin-right:25px}
.student_speak p{border-radius:5px;border:1px solid #d1d1d1;float:left;margin:12px 0 0;padding:5px 10px;background:#fff}
.info,
.phone_no{border-top:#d1d1d1 solid 0}
.student_speak h4{color:#000;margin:5px 0 3px;font-weight:400}
.student_speak span{color:#bdbdbd}
.s_areo{background:url(../img/sprites_icon.png) -159px -30px no-repeat;width:38px;height:20px;float:left;margin:-25px 0 0 110px}
.text{border-right:#d1d1d1 solid 1px;float:left;padding-right:10px;padding-left:10px;margin-right:0!important;line-height:8px;margin-top:0;height:30px}
.discuss,
.info{padding-top:2px;margin-top:2px}
.text1{border-right:none!important;margin-right:39px!important;height:20px}
.phone_no{padding-top:5px}
.so_icon{position:absolute;width:100px}
.so_icon ul li{padding:0;margin:0;float:left}
.so_icon li{float:left;padding-left:5px}
.one-fourth1{height:300px;width:320px;float:left;margin-top:20px;margin-left:10px;margin-right:5px}
.sr_icon img{height:auto;width:140px;float:left}
.box_border{border:none!important;background:0 0!important}
.cbox_p{text-align-last:left}
.one-fourth1 h3{float:left;width:180px;min-height:40px;font-family:'PT Sans Narrow', sans-serif;font-size:17px;font-weight:700;color:#555;text-align:left}
.one-fourth1 p{float:left;width:180px;font-family:'Open Sans', sans-serif;font-size:13px;border:0 solid red;text-align:justify}
.one-fourth1 h4,
.sb_hd h6{font-family:Arial, Helvetica, sans-serif}
.one-fourth1 h4{float:right;width:180px;font-size:10px;text-align:left;border-bottom:2px solid #e2492f;color:#000;font-weight:700;margin-bottom:5px}
.sb_hd,
.sb_hd h6,
.sb_hd strong{text-align:center}
.res_text_box,
.sbar{float:left;border:0 solid red}
.inner_service_main{width:700px;height:auto;float:left;margin-left:35px}
.res_text_box{margin-right:20px;width:380px;height:auto}
.p_next_pre{left:0;bottom:0}
.sbar{width:100%;background:#f5f6f7;margin-bottom:30px}
.sbar img{float:right}
.sb_hd{width:100%;height:65px;background:url(../img/sb_hd_img.jpg) no-repeat;padding:8px 0;background-size:100% 100%}
.sb_hd strong{font-size:25px;color:#999;text-shadow:0 -1px #000;font-weight:700;border-radius:2px}
.sb_hd h6{font-size:12px;color:#CCC;text-shadow:1px 1px #000}
.main_form input[type=text],
.main_form select[name=city],
.main_form textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999}
.human,
.human_1{text-align:left}
.our_skils_box{width:700px;float:right;background:#f5f6f7;height:auto;border:1px solid red}
.main_form{width:450px;margin:0 auto;height:auto;float:left}
.main_form input[type=text]{width:155px;height:39px;border:1px solid #CCC;border-radius:4px 0 0 4px;float:left;padding:0 5px;margin-left:20px;margin-top:12px}
.main_form select[name=city],
.main_form_icon{border:1px solid #CCC;margin-top:12px;float:left}
.main_form_icon{background:#eaedf2;border-radius:0 5px 5px 0;padding:8px 11px}
.main_form select[name=city]{width:190px;height:40px;border-radius:3px;padding:0 4px;margin-left:20px}
.main_form textarea{resize:none;width:402px;height:70px;border:1px solid #CCC;border-radius:4px;float:left;padding:5px;margin-left:20px;margin-top:12px}
.submit_box{height:50px;width:724px;background:#e5e6eb;margin-top:22em}
.submit_but{float:left;margin-left:20px;margin-top:7px}
.human{margin:5px 0 0 21px;float:left;width:100%}
.human_1{margin:15px 0 0 21px;float:left;width:38%}
.c_code{float:left;margin:12px 0 0 22px}
.submit_btn{font-family:Calibri;font-size:18px;border:none}
.our_box{width:570px;margin-left:5px}
.our_box h3{font-weight:100;font-family:Roboto, sans-serif;color:#1086b7;font-size:30px;margin-bottom:20px}
.srv_icon{height:27px;width:28px;float:left;margin-right:9px}
.flex-nav-left1{height:30px;width:30px;background:red;left:-45px;bottom:60px;marker-offset:40px;float:left}
.g-back{background:#f1f1f1!important;margin-top:25px}
.icon{margin:20px 0 0;width:60px}
.portal_shadow{box-shadow:#686868 0 0 4px 0;margin-top:10px;margin-bottom:15px;margin-left:1px;min-height:310px}
.openings{margin:0;padding:0}
.openings ol{margin:0 0 15px 20px;padding:0}
.openings li{margin:0;padding:5px 0;list-style:inherit}
.left_ul li,
.package_matter li,
.training_programs1 li,
.vps_package_matter li{list-style:url(../img/r-areo.png)}
.o_head{font-weight:700}
.current_opening-head{font-family:'PT Sans Narrow', sans-serif;font-size:19px;font-weight:700;color:#0d4e9b;margin:5px 0 0}
.clients_main{width:151px;height:auto;float:left;margin:5px 30px 20px 0;padding:5px 0 0;text-align:center;border-bottom:#d1d1d1 solid 1px;background:#f8f8f8;border-radius:0 0 6px 6px}
.clients_main:hover,
.testimonials_matter{border-bottom:#e2492f solid 1px}
.clients_images{width:135px;height:100%;margin:0;padding:0}
.client_box{height:120px}
.client_name{background:#e6e6e6;padding:3px 10px;border-radius:6px;text-align:center}
.testimonials_main{float:left;margin:20px 0 0;padding:0}
.testimonials_matter{float:left;margin:0 0 5px 20px;padding:0 0 10px;width:585px;text-align:justify}
.recent_inner,
.recent_project_main{width:750px}
.cost-ul,
.f_list_ul,
.left_ul{text-align:left}
.h_l{float:left;/*margin-left:120px;*/position: relative;left: 32px;}
.recent_project{width:234px}
.recent_project:nth-child(3n){margin-right:0}
.service-sub-heading{color:#e2492f;font-size:19px;margin-bottom:5px;font-weight:500;line-height:23px}
.top_number{float:right;color:#0d4e9b;font-family:Arial, Helvetica, sans-serif;font-size:20px;padding-top:8px;width:50%;font-weight:700;text-align: center;}
.top_number a {color: #0d4e9b; }
.f_list h3,
.f_list1 h3,
.package_heading{font-family:'PT Sans Narrow', sans-serif;font-weight:700}
.domain_tr{background:#fff2f0}
.domain_tr1{background:#fafafa}
.domain_tr1:hover,
.domain_tr:hover{background:#fffde6}
.domain_td{border:1px dotted #d1d1d1;padding:7px}
.order-now{background:#e2492f;color:#fff;padding:2px 8px;border-radius:3px;font-size:12px}
.order-now.second{background:#e2492f;color:#fff;padding:10px 15px;border-radius:3px;font-size:15px}
.cost_height{height:auto!important}
.f_list,
.f_list1{min-height:140px}
.cost_icon img{width:100px;float:left;height:auto}
.cost-ul{margin-left:15px;float:left;width:205px}
.left_ul{width:100%;float:left;margin:0;padding:0;line-height:19px}
.left_ul ul{margin:0 0 15px 19px;padding:0}
.left_ul li{margin:0;padding:0 0 10px}
.f_list,
.f_list1,
.f_list2{float:left;padding:0}
.f_list{width:360px;margin:20px 0 0}
.f_list h3,
.f_list1 h3{font-size:16px;color:#555;text-align:left}
.f_list_ul{width:235px;margin-left:15px;float:left}
.f_list1{width:495px;margin:20px 10px 0 0}
.f_list2{width:92%;margin:10px 10px 0 0}
.b_ul,
.f_list_ul1{margin-left:15px;float:left;text-align:left}
.f_list_ul1{width:auto}
.b_ul{width:235px;margin-top:10px}
.sup_main{background:#f3f3f3;border-radius:5px;border:1px solid #d1d1d1;float:left;box-shadow:#9e9e9e 0 2px 5px 0;padding:0 0 10px 10px;margin-top:20px;margin-bottom:30px;width:96.5%}
.package_plan_main{width:250px;float:left;margin:0;background:#fff;border-radius:6px;padding:0;border:1px solid #d3d3d3;text-align:left}
.package_plan_main1:hover,
.package_plan_main:hover,
.vps_package_plan_main{background:#fffde4}
.package_plan_main1,
.vps_package_plan_main{margin:0;background:#fff;padding:0;float:left;text-align:left}
.package_plan_main1{width:333px;border-radius:6px;border:1px solid #d3d3d3}
.vps_package_plan_main{width:16.1%;border-radius:6px;border:1px solid #d3d3d3}
.package_heading{font-size:22px;color:#fff;background:#e2492f;padding:15px;border-radius:6px 6px 0 0}
.package_price,
.package_price1{font-family:PT Sans Narrow;color:#f7941d;font-weight:700;padding:25px 15px}
.p_course_head,
.rs,
.rs1{font-weight:400}
.package_price{font-size:45px}
.package_price1{font-size:32px}
.rs{font-size:29px;color:#e2492f}
.per_month,
.per_month1{color:#636363;font-weight:400}
.per_month{font-size:15px}
.per_month1{font-size:13px}
.rs1{font-size:22px;color:#e2492f}
.package_matter{margin:0 0 15px;padding:0 15px;line-height:30px}
.package_matter ul{margin:0 0 25px 19px;padding:0}
.package_matter li{margin:0;padding:0 0 10px}
.vps_package_matter{margin:0 0 15px;padding:0 11px;line-height:30px}
.vps_package_matter ul{margin:0 0 25px 19px;padding:0}
.vps_package_matter li{margin:0;padding:0 0 10px}
.package_ordernow{background:#141414;padding:20px 0;border-radius:0 0 6px 6px}
.package_ordernow a{color:#fff;background:#e2492f;border-radius:5px;padding:5px 15px;font-size:18px;margin:0 0 0 55px}
.package_ordernow a:hover{color:#e2492f;background:#fff}
.package_ordernow1{background:#141414;padding:20px 0;border-radius:0 0 6px 6px}
.package_ordernow1 a{color:#fff;background:#e2492f;border-radius:5px;padding:5px 15px;font-size:18px;margin:0 0 0 90px}
.package_ordernow1 a:hover{color:#e2492f;background:#fff}
.vps_package_ordernow{background:#141414;padding:15px 0;border-radius:0 0 6px 6px}
.vps_package_ordernow a{color:#fff;background:#e2492f;border-radius:5px;padding:5px 15px;font-size:18px;margin:0 0 0 14px}
.vps_package_ordernow a:hover{color:#e2492f;background:#fff}
.unlimited{font-family:'PT Sans Narrow', sans-serif;font-size:22px;color:#0079b8;padding-left:15px;margin-bottom:15px}
.sidebar_back{background:#fffef1;border-radius:5px;box-shadow:#636363 0 1px 5px 0;padding:12px 6px 0 8px;margin:0 0 30px 20px;float:left}
.buy_now a{color:#fff;background:#e2492f;border-radius:5px;padding:5px 15px;font-size:18px;margin:0 32px 0 0;float:right}
.buy_now a:hover{color:#fff;background:#000}
.i_logo{width:148px}
.d_serv{float:left;width:77%}
.rslides_tabs li{display:inline;float:left;margin-right:1px}
.software_features{width:100%;float:left;margin:10px 0 0;padding:0}
.features_back{width:100%;float:left;margin:0;padding:0}
.benifits_image{width:44.8%;min-height:95px;float:left;margin:0 15px 15px 0;background:#fafafa;border:1px solid #e1e1e1;padding:10px}
.benifits_heading{font-size:15px;margin:0 0 10px;color:#000}
.feature_matter{margin:0;font-family:Calibri}
.knoe_more a{background:#e2492f;color:#fff;padding:4px 15px;margin:0 10px 0 0;border-radius:3px;font-size:15px;float:left}
.knoe_more a:hover{background:#000;color:#fff}
.car_benifits_image{height:auto;width:96%;float:left;margin:0 0 10px;background:#fafafa;border:1px solid #e1e1e1;padding:10px}
.director_ceo{width:70%;margin-bottom:25px}
.ceo_text{font-size:22px;color:#035fb2;line-height:35px;padding-bottom:0}
.testi_img{border-radius:50%!important;width:110px!important}
.training_icon{float:left;width:70px;border-radius:50%;padding:5px;margin:0 10px 0 0;box-shadow:0 0 0 5px #fff, 0 0 1px 5px #888, 0 0 0 12px #fff}
.training_programs1{width:33%;float:left;margin:0 0 20px;background:#fafafa;border:1px solid #e1e1e1;padding:0;height:285px}
.training_programs1 ul{margin:0 0 10px 30px;padding:0}
.training_programs1 li{margin:0;padding:0}
.training_programs1 a{color:#757575}
.p_course_head{font-family:Roboto, sans-serif;color:#e2492f;font-size:18px;margin:8px 0 15px;background:#fafafa;border-bottom:#e1e1e1 solid 1px;padding:0 0 10px 10px;box-shadow:#dfdfdf 0 2px 3px 0}
.symbol{width:25px;float:left;margin:0 8px 0 0}
.summer_internship_programm{font-size:12px;color:#8F8F8F;font-family:calibri;text-align:left}
.summer_internship_programm ul{margin:0 0 10px;padding:0}
.summer_internship_programm li{margin:0;padding:2px 4px 0 0;list-style:none;display:inline}
.discuss_your_project{width:100%;margin:0;height:auto;float:left}
.discuss_your_project input[type=text],
.discuss_your_project select[name=city]{height:33px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;margin-left:20px;margin-top:12px;float:left}
.discuss_your_project input[type=text]{width:40%;border:1px solid #CCC;border-radius:4px 0 0 4px;padding:0 5px}
.discuss_your_project_icon{float:left;background:#eaedf2;border:1px solid #CCC;border-radius:0 5px 5px 0;padding:5px 11px;margin-top:12px}
.discuss_your_project select[name=city]{width:45%;border:1px solid #CCC;border-radius:3px;padding:0 4px}
#Scode{width:42%}
.discuss_your_project textarea{width:93%;height:55px;border:1px solid #CCC;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;border-radius:4px;float:left;padding:5px;margin-left:20px;margin-top:12px;resize:none}
h1.hometitle{font-size:28px;}
h1.subtitle{font-size:33px;font-family:Roboto, sans-serif;color:#1086b7;text-transform:capitalize;font-weight:100;margin-bottom:10px;line-height:38px}
.ft-16{ font-size:16px;}
.c-title h5,
.c-title1 h5,
.c-title2 h5{color:#fff;font-weight:500;font-family:Roboto}
.c-title a{ color: #fff; }
.discuss_submit_box{height:auto;width:100%;background:#e5e6eb;margin-top:15px;padding:8px 0;float:left}
.c-title h5 i,
.c-title1 h5 i,
.c-title2 h5 i{height:35px;text-align:center;line-height:34px}
.c-title1 a{ color: #fff; }
.c-title h5 i{font-size:17px;margin-right:5px;width:35px;background:#373737}
.c-title h5{background:#e2492f;font-size:15px;line-height:34px}
.c-title{width:47%;float:left;margin:0 20px 5px 0}
.c-title1 h5 i{font-size:17px;margin-right:5px;width:35px;background:#02338e}
.c-title1 h5{background:#1783bc;font-size:15px;line-height:34px}
.c-title1{width:47%;float:left;margin:0 20px 5px 0}
.c-title2 h5 i{font-size:17px;margin-right:5px;width:35px;background:#106956}
.c-title2 h5{background:#1abc9c;font-size:15px;line-height:34px}
.c-title2{width:47%;float:left;margin:0 20px 5px 0}
.c-title2 a {color: #fff;}
.c_head{text-transform:lowercase;font-weight:400!important;margin-bottom:10px;text-align:left; font-size: 20px;
    color: #373737;
    font-weight: 700;}
.c_border{border-right:#d1d1d1 solid 1px;padding-right:30px;margin-right:35px; min-height: 793px;}
.mobile_app_box{width:33.3%;float:left;background:#fafafa;min-height:190px;border:1px solid #e0e0e0;border-right:none;padding:10px;text-align:center}
.mobile_app_box:last-child{border-right:#e0e0e0 solid 1px}
.mobile_app_box .fa{font-size:90px;margin-bottom:20px}
.mobile_app_box .title{font-size:20px;color:#1086B7;font-family:Roboto, sans-serif;min-height:auto;}
.mobile_app_box span{font-size:16px;color:#636363;font-family:Open Sans}
@media only screen and (max-width:1200px){.content-slider .flex-prev{left:-30px}
.content-slider .flex-next{right:-30px}
}
@media only screen and (max-width:1150px){.wrapper{width:auto}
}
@media only screen and (min-width:1024px) and (max-width:1100px){.post-video,
.tweet_list li,
.video{overflow:hidden}

.logo{width:37%}
.fa-ul{margin-left:30;}
.header-top .contact-info{margin:8px 12px 5px}
.wrapper{width:auto}
header{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.content{width:100%}
.color-box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.color-box .button{border:1px solid #fff}
.color-box:hover .button{background:0 0}
.carousel-container .five-sixth,
.carousel-container .one-fourth,
.carousel-container .one-half,
.carousel-container .one-sixth,
.carousel-container .one-third,
.carousel-container .three-fourth,
.carousel-container .two-third,
.carousel-container .two-third-outer{float:left;margin:0 24px 0 0}
.carousel-container{width:100%;margin-left:auto;margin-right:auto}
.carousel-full .carousel-container{width:750px;margin-left:auto;margin-right:auto}
.flex-nav-left .flex-direction-nav{left:-240px;display:block}
.no-touch .image-gallery .flex-direction-nav{display:block}
.content-slider .flex-prev{left:-20px;margin-top:-27px}
.content-slider .flex-next{right:-20px;margin-top:-27px}
.twitter-feed{width:100%}
.scroll-top{display:none!important;opacity:0}
.sidebar{margin:0}
.sb-left{padding-left:15px}
.sb-right{padding-right:15px}
.post-video{border:none;padding:0}
.post-content{width:542px}
.blog-post-full .post-content{width:892px}
.blog-style-2 .post-img img{max-width:184px;height:auto}
.blog-style-2 .image-gallery{max-width:170px;height:auto}
.blog-style-2 .post-video iframe{max-width:184px;max-height:160px}
.share-btn{padding:10px 0}
.p-item img{max-width:450px!important}
.error-message h2{font-size:130px;line-height:130px}
.container-center{width:960px}
.header-top .container-center{width:930px}
.wrapper .color-box-holder .container-center{width:960px;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
header .container-center{width:930px}
.col-row{margin-right:0}
.five-sixth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourth,
.two-third,
.two-third-outer{margin-left:15px;margin-right:15px}
.one-fourth{width:210px}
.third-img{margin-left:0px;}
.three-fourth{width:100%}
.one-third{width:630px;}
.two-third{width:610px}
.one-half{width:442px}
.one-sixth{width:130px}
.five-sixth{width:770px}
.full-width{width:930px}
.main-content-left .one-sixth,
.main-content-left .one-third,
.main-content-right .one-sixth,
.main-content-right .one-third{margin-left:0;margin-right:30px}
.main-content-left{width:610px;margin-right:18px;padding-left:15px}
.main-content-right{width:610px;margin-left:18px;padding-right:15px}
.main-content-left .full-width,
.main-content-right .full-width{width:610px}
.main-content-left .col-row .one-sixth:nth-child(4n+4),
.main-content-left .col-row .one-third:nth-child(even),
.main-content-right .col-row .one-sixth:nth-child(4n+4),
.main-content-right .col-row .one-third:nth-child(even){margin-right:0}
.main-content-left .col-row .one-third:nth-child(3n+3),
.main-content-right .col-row .one-third:nth-child(3n+3){margin-right:30px}
.five-sixth .one-fourth,
.five-sixth .one-half,
.five-sixth .one-sixth,
.five-sixth .one-third,
.five-sixth .three-fourth,
.five-sixth .two-third,
.full-width .one-fourth,
.full-width .one-half,
.full-width .one-sixth,
.full-width .one-third,
.full-width .three-fourth,
.full-width .two-third,
.one-fourth .one-sixth,
.one-half .one-fourth,
.one-half .one-half,
.one-half .one-sixth,
.one-half .one-third,
.one-third .one-fourth,
.one-third .one-sixth,
.one-third .one-third,
.three-fourth .one-fourth,
.three-fourth .one-half,
.three-fourth .one-sixth,
.three-fourth .one-third,
.three-fourth .two-third,
.two-third .one-fourth,
.two-third .one-half,
.two-third .one-sixth,
.two-third .one-third{margin-left:0;margin-right:30px}
.five-sixth .col-row,
.one-fourth .col-row,
.one-half .col-row,
.one-third .col-row,
.three-fourth .col-row,
.two-third .col-row{background:0 0;margin-right:-30px}
.one-half .col-row{width:480px}
.two-third .col-row{width:640px}
.three-fourth .col-row{width:720px}
.five-sixth .col-row{width:800px}
.one-third .col-row{width:320px}
.box-4 .color-box,
.one-fourth .col-row{width:240px}
.box-3 .color-box{width:320px}
.box-2 .color-box{width:480px}
.wrapper .box-4 .color-box{width:25%}
.wrapper .box-3 .color-box{width:310px}
.wrapper .box-2 .color-box{width:50%}
#search-box{width:208px}
.sidebar .video iframe{width:272px;max-height:180px}
.one-half .video iframe{max-width:450px}
.one-third .video iframe{max-width:290px}
.two-third .video iframe{max-width:610px}
.one-fourth .video iframe{max-width:210px}
.three-fourth .video iframe{max-width:690px}
.one-sixth .video iframe{max-width:130px}
.five-sixth .video iframe{max-width:770px}
.post-video iframe{max-height:350px;max-width:640px}
.blog-post-full iframe{max-height:540px;max-width:960px}
.blog-style-2 .post-content{width:344px}
.pricing-tables .one-third{width:288px}
.pricing-tables .two-third{width:608px}
.pricing-tables .one-fourth{width:208px}
.pricing-tables .three-fourth{width:688px}
.pricing-tables .one-half{width:448px}
.pricing-tables .one-sixth{width:128px}
.pricing-tables .five-sixth{width:768px}
img{max-width:100%;height:auto}
.frame{padding:3px;-webikit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tp-leftarrow,
.tp-rightarrow{display:none}
.page-title .page-title-inner,
.page-title-2 .page-title-inner,
.page-title-4 .page-title-inner{width:930px}
.stream-portfolio li,
.stream-portfolio li img,
.stream-portfolio-overlay,
footer .stream-portfolio li img{width:68px;height:68px}
.stream-portfolio li{margin-bottom:3px;margin-right:3px}
.stream-portfolio-overlay{line-height:68px}
.sidebar .stream-portfolio li,
.sidebar .stream-portfolio li img{width:86px;height:86px}
.sidebar .stream-portfolio li{margin-bottom:4px;margin-right:4px}
.sidebar .stream-portfolio-overlay{line-height:86px}
.carousel-container .slides li{margin-right:24px}
.team-member{text-align:center}
.member-details{float:none}
.team-member .portrait{float:left;margin-right:20px;margin-bottom:15px}
#comment-form{width:610px}
#comment-form .textbox{width:478px}
.social_m{margin-right:15px}
.one-fourth1{width:305px;height:260px}
.sr_icon img{width:120px}
.one-fourth1 h4,
.one-fourth1 p{width:185px}
.inner_service_main{width:637px}
.res_text_box{width:100%}
.sb_hd,
.sbar,
.submit_box{width:637px}
.main_form{width:420px}
.main_form input[type=text]{width:36%}
.page-title p{width:580px}
.clients_main{width:139px;margin-right:20px}
.recent_inner{width:495px!important}
.navigation ul li a{padding-right:6px}
.navigation ul{float:none}
.h_l{margin-left:10px}
.m-ul-left{margin-left:-366px!important}
.m-ul-left1{margin-left:-450px!important}
.m-ul-left2{margin-left:-552px!important}
.recent_project_main{width:661px!important;margin-left:0!important;margin-right:0!important}
.recent_project{width:300px}
.main_form select[name=city]{width:185px}
.main_form textarea{width:378px}
.package_plan_main{width:235px}
.package_ordernow a{margin-left:45px}
.f_list{width:318px;min-height:184px}
.f_list_ul{width:200px}
.sidebar_back{margin-left:22px;margin-bottom:30px}
.f_list1{width:470px}
.buy_now a{margin-right:12px}
.package_plan_main1{width:314px}
.package_ordernow1 a{margin-left:80px}
.i_logo{margin-left:14px}
.vps_package_plan_main{width:16.2%}
.vps_package_ordernow a{padding:4px 14px;font-size:17px}
.banner_inner{width:1200px;margin:auto;float:none;height:auto}
#banner .oneByOne_item,
.oneByOne1{height:450px!important}
.arrowButton .nextArrow{right:33.6%!important}
#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{margin-left:65px!important}
#banner .oneByOne_item .text2,
#banner .oneByOne_item .text4,
#banner .oneByOne_item span.wp2,
#banner .slide3 span.txt2{margin-left:68px!important}
#banner img.img2{top:100px!important;left:420px!important;width:40%!important}
#banner img.img-3{top:352px!important;left:165px!important}
#banner img.img4{left:420px!important;top:95px!important;width:30%!important}
#banner img.img5{top:305px!important;left:55px!important;width:24%!important}
#banner img.img3{top:200px!important;left:770px!important;width:16%!important}
#banner .slide3 img.wp2{top:50px!important;left:575px!important;width:29%!important}
#banner img.wp-3{left:50px!important}
#banner img.wp2{top:115px!important;left:505px!important;width:34%!important}
#banner img.wp3{top:208px!important;left:125px!important;width:300px}
#banner .slide3 img.wp3{width:41.2%}
.benifits_image{width:44%}
.director_ceo{width:67%;float:left}
.c-title h5,
.c-title1 h5,
.c-title2 h5{font-size:14px}
.mobile_app_box{width:33.3%}
#contact-form input.textbox.textbox2 {
    width: 97%;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait),
(min-width:768px) and (max-width:1023px){.post-video,
.tweet_list li,
.video{overflow:hidden}
.one-third{width:100%}
.top_number{float:none;width:62%;margin:0 auto}
.our_box{width:100%}
.submit_box{width:716px}
.header-top .container-center{width:88%}
.wrapper{width:auto}
.text1{margin-right:0!important}
.fa-ul{margin-left:30px;}
header{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.logo{float:none}
#header .logo{text-align:center}
.header-top ul li,
.header-top ul li a{margin-left:5px}
.contact-info ul li,
.contact-info ul li a{margin-right:30px}
.navigation ul li,
.navigation-light ul li,
.navigation-simple ul li{display:inline-block;float:none;position:relative;text-align:left}
.no-touch .image-gallery .flex-direction-nav,
.search-container{display:block}
.navigation ul{margin-top:24px;position:inherit}
.navigation-light,
.navigation-simple{padding-bottom:20px}
.navigation-light ul,
.navigation-simple ul{margin-top:0}
.navigation ul,
.navigation-light ul,
.navigation-simple ul{float:none;margin-right:0;text-align:center}
.navigation .active-nav,
.navigation ul .dropdown>a,
.navigation ul li a:hover{background-color:transparent;color:#373737!important}
.breadcrumbs-2,
.color-box:hover .button{background:0 0}
.navigation ul ul li a:hover{color:#fff!important}
.navigation ul li a{padding:10px 9px}
.navigation ul ul{margin-top:24px}
.content{width:100%}
.carousel-container .five-sixth,
.carousel-container .one-fourth,
.carousel-container .one-half,
.carousel-container .one-sixth,
.carousel-container .one-third,
.carousel-container .three-fourth,
.carousel-container .two-third,
.carousel-container .two-third-outer{float:left;margin:0 24px 0 0}
.carousel-container{width:234px;margin-left:auto;margin-right:auto}
.carousel-full .carousel-container{width:492px;margin-left:auto;margin-right:auto}
.flex-nav-left .flex-direction-nav{text-align:left;margin-top:20px;position:static;margin-left:3px}
.twitter-feed{width:100%}
.scroll-top{display:none!important;opacity:0}
.sidebar{margin:0}
.post-video{border:none;padding:0}
.post-author-inner,
.testimony-inner{position:relative;padding:15px;margin-left:0;text-align:center;border:none}
.post-author .portrait,
.testimony .portrait{position:static;top:0;left:0;margin:0 auto 20px;display:block}
.team-member .portrait{float:left;margin-right:20px;margin-bottom:15px}
.team-member .member-details h4{margin-top:8px}
.team-member{text-align:center}
.member-details{float:none}
.blog-post-full .post-content,
.post-content{margin-left:20px}
.share-btn{padding:10px 0}
#comment-form,
#comment-form .textbox,
#contact-form,
#contact-form .textbox{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#post-comment,
#submit{margin-left:0;float:none;padding:14px 15px}
.error-message h2{font-size:130px;line-height:130px}
.container-center,
.full-width{width:720px}
.wrapper .color-box-holder .container-center{width:720px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.col-row{margin-right:0}
.five-sixth,
.one-fourth,
.one-half,
.one-sixth,
.three-fourth,
.two-third,
.two-third-outer{margin:0 24px 0 0}
.one-fourth,
.three-fourth,
.two-third{width:100%;}
.one-half{width:100%}
.five-sixth,
.main-content-left .one-third,
.main-content-right .one-third,
.one-sixth{width:348px}
.main-content-left .col-row .one-third:nth-child(even),
.main-content-right .col-row .one-third:nth-child(even){margin-right:0}
.main-content-left .col-row .one-third:nth-child(3n+3),
.main-content-right .col-row .one-third:nth-child(3n+3){margin-right:24px}
.main-content-left,
.main-content-left .full-width,
.main-content-right,
.main-content-right .full-width{width:720px}
.col-row .five-sixth:nth-child(even),
.col-row .one-fourth:nth-child(even),
.col-row .one-half:nth-child(even),
.col-row .one-sixth:nth-child(even),
.col-row .one-third:nth-child(3n+3),
.col-row .three-fourth:nth-child(even),
.col-row .two-third:nth-child(even){margin-right:0}
.pricing-tables .one-third{width:222px}
.pricing-tables .five-sixth,
.pricing-tables .one-fourth,
.pricing-tables .one-half,
.pricing-tables .one-sixth,
.pricing-tables .three-fourth,
.pricing-tables .two-third{width:346px}
.carousel-container .slides li{margin-right:24px!important}
.box-2 .color-box,
.box-3 .color-box,
.box-4 .color-box{width:360px}
.big-button {
    padding: 15px 0 0px 12px;
    margin-top: 0px;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
.btn-arrow{width:54px;height:62px;margin-top:-15px;line-height:65px}
.btn-arrow i{width:26px;height:23px;padding-top:4px;font-size:19px;padding-left:1px}
img{max-width:100%;height:auto}
.one-half img{margin:0 auto 10px;display:block}
.frame{padding:3px;-box-sizing:border-box;-moz-box-sizing:border-box;-webikit-box-sizing:border-box}
.color-box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.color-box .button{border:1px solid #fff}
.classic-box{margin-bottom:30px}
.layer-h2{font-size:45px;line-height:22px;padding:26px;margin-top:-300px}
.layer-description{font-size:15px;line-height:20px;margin-top:6px}
#slider-block .layer-buttons a{margin-top:60px;padding:12px}
.slider-bullets i{height:32px;width:32px}
.tp-leftarrow,
.tp-rightarrow{display:none}
.page-title{padding-bottom:20px}
.page-title h1{margin-bottom:10px;border-right:none}
.page-title-4 .breadcrumbs-2{text-align:left}
.page-title-4 .page-title-inner{padding-bottom:10px}
.breadcrumbs{position:static;right:0;top:0}
.page-title-2{text-align:center}
.page-title-2 .breadcrumbs{margin-top:20px}
.breadcrumbs-2{display:inherit;padding:12px 0;position:static}
.content-slider .flex-direction-nav,
.page-title-3 .breadcrumbs,
.page-title-3 .breadcrumbs-2{display:none}
.stream-portfolio li,
.stream-portfolio li img,
.stream-portfolio-overlay,
footer .stream-portfolio li img{width:84px;height:84px}
.stream-portfolio li{margin-bottom:3px;margin-right:3px}
.stream-portfolio-overlay{line-height:84px}
.sidebar{padding-top:30px;border-top:1px solid #e4e4e4;width:735px}
.sidebar-box{height:320px;width:210px;margin-left:10px;margin-right:25px;float:left}
#search-box{width:144px}
.sidebar .video iframe{width:210px!important;max-height:130px}
.video iframe{max-width:348px;max-height:200px}
.post-video iframe{width:720px!important;max-height:400px}
.full-width .video iframe{max-width:720px;max-height:405px}
.five-sixth .video iframe,
.one-fourth .video iframe,
.one-half .video iframe,
.one-sixth .video iframe,
.three-fourth .video iframe,
.two-third .video iframe{max-width:348px;max-height:196px}
.one-third .video iframe{max-width:224px;max-height:126px}
.full-width .ratio43 iframe{max-width:720px;max-height:540px}
.five-sixth .ratio43 iframe,
.one-fourth .ratio43 iframe,
.one-half .ratio43 iframe,
.one-sixth .ratio43 iframe,
.three-fourth .ratio43 iframe,
.two-third .ratio43 iframe{max-width:348px;max-height:261px}
.one-third .ratio43 iframe{max-width:224px;max-height:168px}
.blog-post-full .post-content,
.post-content{width:652px}
.blog-style-2 .post-content{width:439px}
.blog-style-2 .post-img img{max-width:184px;height:auto}
.blog-style-2 .image-gallery{max-width:170px;height:auto}
.blog-style-2 .post-video iframe{max-width:184px;height:auto}
.pricing-tables .five-sixth,
.pricing-tables .one-fourth,
.pricing-tables .one-half,
.pricing-tables .one-sixth,
.pricing-tables .one-third,
.pricing-tables .three-fourth,
.pricing-tables .two-third{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.one-fourth .p-item{width:234px;margin-left:auto;margin-right:auto}
.one-half .p-item{width:348px}
.one-third .p-item{width:224px;margin-left:auto;margin-right:auto}
.social_m,
.top-30{margin-right:0}
.p-item{width:348px}
.p-item img{max-width:100%}
#message-outcome{margin-left:0}
.one-fourth1{width:345px;height:280px}
.sr_icon img{width:140px}
.one-fourth1 h3,
.one-fourth1 h4,
.one-fourth1 p{width:205px}
.inner_service_main{width:716px;margin-left:0}
.main_form{width:100%;}
.main_form input[type=text]{width:39%}
.main_form select[name=city]{width:44%}
.main_form textarea{width:649px;height:100px;}
.main_form textarea{margin-left:29px;}
.main_form input[type="text"]{margin-left:29px;}
.main_form select[name="city"]{margin-left:29px;}
.human{margin:5px 28px 21px;}
.submit_but{float:left;margin-left:29px;margin-top:1px;}
.page-title p{padding-left:0;width:717px;height:auto;font-size:15px}
.clients_main{width:148px}
.recent_inner{width:240px!important}
.h_l{margin-left:10px}
.student_speak{width:95%}
.m-ul-left,
.m-ul-left1,
.m-ul-left2{width:730px!important}
.m-ul-left{margin-left:-71px!important}
.m-ul-left1{margin-left:-162px!important}
.m-ul-left2{margin-left:-270px!important}
.first{width:29%;margin:5px 10px 0 9px}
.m{margin-top:65px}
.m1{margin-top:115px}
.m2{margin-top:65px}
.sub_m_head{text-align:left}
.recent_project_main{width:732px!important;margin-left:0!important;margin-right:0!important}
.recent_project{width:234px;margin-right:10px!important}
.r-right-margin{margin-right:0}
.res_text_box{width:100%}
.package_plan_main{width:235px}
.package_ordernow a{margin-left:45px}
.vps_package_plan_main{width:32.8%}
.vps_package_ordernow a{padding:5px 15px;font-size:18px;margin-left:47px}
.f_list{width:355px;min-height:162px}
.f_list_ul{width:218px}
.sidebar_back{margin-left:0;width:700px;margin-bottom:30px;float:left}
.f_list1{width:350px}
.buy_now a{margin-right:12px}
.i_logo{margin-left:14px;width:148px}
.d_serv{width:70%}
.color-box i{margin-left:65px}
#banner .oneByOne_item,
.oneByOne1{height:400px!important}
.arrowButton .nextArrow{right:50.5%!important}
#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{margin-left:45px!important;margin-top:50px!important;font-size:40px!important}
#banner .oneByOne_item .text2,
#banner .oneByOne_item .text4,
#banner .oneByOne_item span.wp2,
#banner .slide3 span.txt2{margin-left:48px!important}
#banner img.img2{top:120px!important;left:285px!important;width:33%!important}
#banner img.img-3{top:290px!important;left:45px!important}
#banner img.img4{top:155px!important;left:360px!important;width:21%!important}
#banner img.img5{top:280px!important;left:50px!important;width:20%!important}
#banner img.img3{top:230px!important;left:603px!important;width:10%!important}
#banner .slide3 img.wp2{top:35px!important;left:358px!important;width:26%!important}
#banner img.wp-3{left:50px!important;width:310px;top:215px!important}
#banner img.wp2{top:77px!important;left:350px!important;width:28%!important}
#banner img.wp3{top:155px!important;left:80px!important;width:235px}
#banner .slide3 img.wp3{top:293px!important;left:30px!important;width:27.5%}
.director_ceo{width:58%;float:left}
.c-title,
.c-title1,
.c-title2{width:67%}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (max-width:768px){#header .logo{width:224px;margin:8px auto}
.menu-button{display:block;float:left;margin-top:2.5%}
.responsive-menu-list{position:absolute;top:126px;background:#f7f7f7;width:100%;height:290px;overflow:scroll;z-index:999}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (min-width:480px) and (max-width:768px),
(min-width:320px) and (max-width:480px),
(max-width:320px){.submenu_li a i,
.submenu_li1 a i,
.submenu_li2 a i{margin-left:10px}
.sub-menu,
.sub-menu1,
.sub-menu2{padding-left:30px;display:none}
.menu-button a{cursor:pointer}
.menu-button a i{font-size:30px}
.responsive-menu-list ul{list-style:none}
.responsive-menu-list ul li a{cursor:pointer;padding:10px 25px;display:block}
.responsive-nav{display:none!important}
.header-top ul li,
.header-top ul li a{margin-left:0}
.bottom-5{text-align:center!important}
.header-top .contact-info{width:61%;margin:10px auto;float:none;overflow:hidden}
.color-box,
.design{box-sizing:border-box}
.display_none,
.sbar img,
.top_number{display:none}
.intouch_like_box{padding-left:0;margin-top:20px}
.main_form_icon{padding:8px 11px}
.section-title h2{font-size:31px}
.recent_project:nth-child(2n){margin-right:0!important}
.color-box i{margin:11px auto 15px}
.five-sixth,
.one-sixth,
.three-fourth{margin-right:0}
.flex-direction-nav li:first-child{float:left;margin-bottom:10px}
.flex-direction-nav li:last-child{float:right;margin-bottom:10px}
.flex-direction-nav li:last-child a{position:relative!important;margin-top:0!important}
.design{margin:-20px 0 20px;padding:0 20px}
.wrapper{width:auto}
.quote-left{float:left;width:100%;margin-right:20px;padding-right:0}
.quote-right{float:right;width:100%;margin-left:20px;padding-left:0}
header{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.logo{float:none}
#header .logo img{margin-left:auto;margin-right:auto;display:block}
.navigation span{display:none}
.responsive-nav select{display:block;margin:0 auto;width:300px}
.sticky-wrapper{height:auto!important;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
#main-navigation ul,
.content-slider .flex-direction-nav,
.gallery-description,
.s-hide,
.search-container{display:none}
.col-row{margin-right:0}
.content{width:100%}
.gallery-title{padding:10px}
.gallery-title h2{font-size:26px;line-height:26px}
.main-content-left,
.main-content-right{float:none!important}
.color-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.color-box .button{border:1px solid #fff}
.color-box:hover .button{background:0 0}
.box-2 .color-box,
.box-3 .color-box,
.box-4 .color-box{width:100%;margin-bottom:0}
.carousel-container .five-sixth,
.carousel-container .one-fourth,
.carousel-container .one-half,
.carousel-container .one-sixth,
.carousel-container .one-third,
.carousel-container .three-fourth,
.carousel-container .two-third,
.carousel-container .two-third-outer{float:left;margin:0 24px 0 0;clear:none}
.carousel-container{width:100%;margin-left:auto;margin-right:auto}
.no-touch .flex-nav-left .flex-direction-nav{text-align:center;margin-top:20px;position:static;margin-left:3px}
.no-touch .image-gallery .flex-direction-nav{display:block}
.twitter-feed{width:100%}
.scroll-top{display:none!important;opacity:0}
.bottom-left,
.bottom-right{float:none;text-align:center}
.sidebar{margin:0;float:none;padding-top:30px;border-top:1px solid #e4e4e4}
.sb-left{padding-top:0;border:none;margin-top:0}
#search-box{width:206px}
.post-video{border:none;padding:0}
.post-author-inner,
.testimony-inner{position:relative;padding:15px;margin-left:0;text-align:center;border:none}
.post-author .portrait,
.testimony .portrait{position:static;top:0;left:0;margin:0 auto 20px;display:block}
.content-box,
.team-member-type-2{padding-top:130px}
.content-box-icon,
.team-member-type-2 .portrait{margin-left:-115px}
.boxshadow .content-box-icon,
.boxshadow .portrait{width:230px}
.team-member .portrait{width:230px;margin-bottom:10px;margin-right:20px}
.team-member .member-details h4{margin-top:8px}
.blog-post-full .post-content,
.post-content{margin-left:10px}
.blog-style-2 .post-content,
.comment-text{margin-left:0}
.blog-style-2 .post-title{text-align:center}
.share-btn{padding:10px 0}
.comment-reply{margin-left:30px}
.avatar{display:none}
.reply{top:10px;right:10px}
#comment-form,
#comment-form .textbox,
#contact-form,
#contact-form .textbox{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#post-comment,
#submit{margin-left:0;float:none;padding:14px 15px;width:89%}
#message-outcome{margin-left:0}
#google-map iframe{max-height:200px}
.error-message h2{font-size:130px;line-height:130px}
.page-title .breadcrumbs-2{text-align:left}
.icon{margin-top:14px;width:50px}
.clients_main{width:136px;margin-right:10px}
.recent_project_main{width:488px!important;margin-left:0!important;margin-right:0!important}
.recent_project{width:234px;margin-right:10px;float:left;clear:none}
.r-right-margin{margin-right:0}
.res_text_box{width:100%}
.order-now{font-size:12px;padding:2px 5px;text-align:center;display:block}
.package_plan_main{width:220px}
.package_ordernow a{margin-left:40px}
.package_heading{font-size:19px}
.sidebar_back{margin-left:0;margin-bottom:30px;float:left}
.f_list1{width:100%;min-height:100px}
.buy_now a{margin-right:5px;margin-bottom:25px}
.i_logo{margin-left:0;width:122px!important;float:left!important;clear:none!important}
.benifits_image{width:95%;min-height:100%}
.director_ceo{width:100%;float:left}
.c-title h5,
.c-title1 h5,
.c-title2 h5{font-size:14px}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (min-width:480px) and (max-width:767px){.clients li{width:50%!important}
.heading-extra-big{font-size:35px}
.container-center,
.full-width{width:510px}
.color-box,
.five-sixth,
.main-content-left,
.main-content-right,
.one-fourth,
.one-sixth,
.three-fourth,
.two-third,
.two-third-outer{float:none;clear:both;width:450px}
.main-content-left .full-width,
.main-content-right .full-width{width:450px}
img{max-width:100%;height:auto}
.frame{padding:3px;-webikit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.layer-h2{font-size:30px;line-height:22px;padding:15px;margin-top:-300px}
.layer-description{font-size:13px;line-height:20px;padding:10px;margin-top:35px;max-width:380px}
#slider-block .layer-buttons a{margin-top:115px;font-size:10px;padding:12px}
.slider-bullets i{height:24px;width:24px}
.tp-leftarrow,
.tp-rightarrow{display:none}
.page-title{padding-bottom:20px}
.page-title-icon{font-size:28px;margin-right:20px;height:80px;width:80px;line-height:80px}
.page-title .one-line{font-size:40px}
.page-title h1{font-size:30px;margin-top:0;height:70px;margin-bottom:0;line-height:30px;border-right:none}
.page-title-4{padding-bottom:0}
.page-title-4 .breadcrumbs-2{text-align:left}
.breadcrumbs-2,
.page-title-2{text-align:center}
.page-title-4 .page-title-inner{padding-bottom:10px}
.angled h1{padding-right:5px}
.page-title-2 h1{font-size:24px}
.page-title-2 .breadcrumbs{margin-top:20px}
.breadcrumbs{position:static;right:0;top:0}
.breadcrumbs-2{background:0 0;display:inherit;padding:12px 0;position:static}
.page-title-3{padding:0}
.page-title-3 .breadcrumbs,
.page-title-3 .breadcrumbs-2{display:none}
.page-title-3 h1{font-size:34px;margin-top:11px;margin-bottom:16px;line-height:28px}
.stream-portfolio li,
.stream-portfolio li img,
.stream-portfolio-overlay,
footer .stream-portfolio li img{width:90px;height:90px}
.stream-portfolio li{margin-bottom:3px;margin-right:3px}
.one-fourth .p-item,
.one-half .p-item,
.p-item{margin-left:auto;margin-right:auto}
.stream-portfolio-overlay{line-height:90px}
.sidebar{width:450px}
#search-box{width:386px}
.post-video,
.video{overflow:hidden;width:450px}
.post-video iframe,
.video iframe{width:450px!important;max-height:240px}
.five-sixth .video iframe,
.full-width .video iframe,
.one-fourth .video iframe,
.one-half .video iframe,
.one-sixth .video iframe,
.one-third .video iframe,
.three-fourth .video iframe,
.two-third .video iframe{max-width:450px;max-height:253px}
.five-sixth .ratio43 iframe,
.full-width .ratio43 iframe,
.one-fourth .ratio43 iframe,
.one-half .ratio43 iframe,
.one-sixth .ratio43 iframe,
.one-third .ratio43 iframe,
.three-fourth .ratio43 iframe,
.two-third .ratio43 iframe{max-width:450px;max-height:338px}
.blog-post-full .post-content,
.post-content{width:390px}
.blog-style-2 .post-content,
.pricing-tables .five-sixth,
.pricing-tables .one-fourth,
.pricing-tables .one-half,
.pricing-tables .one-sixth,
.pricing-tables .one-third,
.pricing-tables .three-fourth,
.pricing-tables .two-third{width:450px}
.blog-style-2 .post-img img{max-width:388px;height:auto}
.blog-style-2 .image-gallery{max-width:374px;height:auto}
.blog-style-2 .post-video iframe{max-width:388px;max-height:290px}
.blog-style-2 .post-video{max-width:388px}
.classic-box{margin-bottom:30px}
.one-fourth .p-item{width:100%}
.one-half .p-item{width:450px}
.p-item{width:320px}
.p-item img{max-width:100%}
.social_m{margin-right:16px}
.one-fourth1{width:440px;height:200px;margin-right:0;margin-left:0}
.sr_icon img{width:140px}
.one-fourth1 h3,
.one-fourth1 h4,
.one-fourth1 p{width:300px;height:auto;padding-bottom:0}
.inner_service_main{width:100%;margin-left:0}
.sbar{width:100%;height:auto}
.submit_box{width:508px;margin-top:30em}
.main_form,
.sb_hd{width:100%}
.sb_hd{background:#000}
.human{margin:4px 0 0 22px}
.main_form input[type=text]{width:83%}
.main_form select[name=city],
.main_form textarea{width:90%}
.page-title p{width:490px;font-size:13px;padding-left:0;line-height:22px}
.our_box{width:auto}
.page-title .one-line{margin-bottom:0;margin-top:0}
.icon{margin-top:10px;width:40px}
.clients_main{width:135px;margin-right:10px}
.recent_project_main{width:100%!important;margin-left:0!important;margin-right:0!important}
.recent_project{width:48%;margin-right:10px!important;float:left;clear:none}
#contact-form input.textbox {
    width: 110%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
.main_form_icon{padding:8px 11px}
}
@media only screen and (max-width:480px){.text:nth-child(2){border-right:none!important}
.text1{display:none!important}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (min-width:320px) and (max-width:480px),
(max-width:320px){.responsive-menu-list{top:126px}
.header-top .contact-info{width:100%}
.fa-ul{margin-left:30px;}
.breadcrumbs-2,
.page-title-2,
.page-title-4{text-align:center}
.textbox{width:280px}
.intouch_like_box iframe{width:100%;height:242px}
.big-title-description,
.full-width,
.main-content-left .full-width,
.main-content-right .full-width{width:290px}
h1{font-size:32px}
.heading-extra-big{font-size:34px}
.color-box,
.five-sixth,
.main-content-left,
.main-content-right,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourth,
.two-third,
.two-third-outer{float:none;clear:both;width:100%;}
img{max-width:100%;height:auto}
.classic-box{margin-bottom:30px}
.frame{padding:3px;-webikit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.content-slider .big-title-row{line-height:44px;margin-top:20px;font-size:50px}
.big-title-description{font-size:22px;line-height:28px}
.layer-h2{font-size:20px;line-height:22px;padding:5px;margin-top:-300px}
.layer-description{font-size:11px;line-height:16px;padding:5px;margin-top:30px;max-width:290px}
#slider-block .layer-buttons a{margin-top:100px;font-size:10px;padding:12px}
.slider-bullets i{display:none}
.tp-leftarrow,
.tp-rightarrow{display:none!important}
.tagline{padding-top:20px}
.tagline h2{font-size:16px;color:#373737;line-height:20px}
.page-title{padding-bottom:20px}
.page-title-icon{font-size:28px;margin-right:20px;height:60px;width:60px;line-height:60px}
.page-title h1{font-size:24px;margin-top:5px;margin-bottom:15px;padding-top:0;height:auto;line-height:25px;width:280px;border-right:none}
.stream-portfolio li,
.stream-portfolio li img,
footer .stream-portfolio li img{width:90px;height:90px}
.page-title-4 .page-title-inner{padding-bottom:10px}
.page-title-4{padding-bottom:0}
.angled h1{padding-right:15px}
.page-title-4 h1{font-size:20px}
.angled .title-caption span:after,
.angled h1:after{display:none}
.page-title-2 h1{font-size:24px}
.page-title-2 .breadcrumbs{margin-top:20px}
.breadcrumbs-2{background:0 0;display:inherit;padding:12px 0;position:static}
.breadcrumbs{position:static;right:0;top:0}
.page-title-3{padding:0}
.page-title-3 .breadcrumbs,
.page-title-3 .breadcrumbs-2{display:none}
.page-title-3 h1{font-size:24px;margin-top:8px;margin-bottom:16px;line-height:22px}
.big-message{font-size:18px;line-height:28px}
.stream-portfolio li{margin-bottom:3px;margin-right:3px}
.stream-portfolio-overlay{width:90px;height:90px;line-height:90px}
.sidebar{width:290px}
#search-box{width:216px}
.post-video,
.video{overflow:hidden;width:290px}
.post-video iframe,
.video iframe{width:290px;max-height:180px}
.five-sixth .video iframe,
.full-width .video iframe,
.one-fourth .video iframe,
.one-half .video iframe,
.one-sixth .video iframe,
.one-third .video iframe,
.three-fourth .video iframe,
.two-third .video iframe{max-width:290px;max-height:163px}
.five-sixth .ratio43 iframe,
.full-width .ratio43 iframe,
.one-fourth .ratio43 iframe,
.one-half .ratio43 iframe,
.one-sixth .ratio43 iframe,
.one-third .ratio43 iframe,
.three-fourth .ratio43 iframe,
.two-third .ratio43 iframe{max-width:290px;max-height:218px}
.blog-post-full .post-content,
.post-content{width:230px}
.blog-style-2 .post-content,
.pricing-tables .five-sixth,
.pricing-tables .one-fourth,
.pricing-tables .one-half,
.pricing-tables .one-sixth,
.pricing-tables .one-third,
.pricing-tables .three-fourth,
.pricing-tables .two-third{width:290px}
.blog-style-2 .post-img img{max-width:228px;height:auto}
.blog-style-2 .image-gallery{max-width:214px;height:auto}
.blog-style-2 .post-video iframe{max-width:228px;max-height:180px}
.blog-style-2 .post-video{max-width:228px}
.p-item{margin-left:auto;margin-right:auto}
.social_m{margin-right:16px}
.one-fourth1{width:290px;height:auto;margin-right:0;margin-left:0;margin-bottom:10px}
.sr_icon img{width:100px}
.one-fourth1 h3,
.one-fourth1 h4,
.one-fourth1 p{width:190px;height:auto;padding-bottom:0}
.inner_service_main{width:290px;margin-left:0}
.sbar{width:290px;margin-bottom:43px}
.submit_box{width:290px;margin-top:29em}
.sb_hd{width:290px;background:#000}
.main_form input[type=text]{width:73%}
.main_form select[name=city]{width:86%}
.main_form textarea{width:84%}
.main_form{width:100%}
.human{margin-left:22px;width:50%}
.page-title p{width:280px;font-size:11px;padding-left:0;line-height:18px}
.our_box{width:auto}
.page-title .one-line{margin-bottom:0;margin-top:10px}
.res_text_box{width:290px}
.icon{margin-top:11px;width:38px}
.clients_main{width:285px;margin-right:0}
.student_speak{width:89%}
.recent_project_main{width:100%!important;margin-left:0!important;margin-right:0!important}
.f_list,
.package_plan_main{width:285px}
.package_ordernow a{margin-left:67px}
.package_heading{font-size:22px}
.sidebar_back{margin-left:0;margin-bottom:30px;float:left;width:96%}
.package_plan_main1{width:285px}
.package_ordernow1 a{margin-left:75px}
.i_logo{margin-left:0;width:121px!important;float:left!important;clear:none!important}
.d_serv{width:99%}
.benifits_image{width:92%;min-height:100%}
.c_border{border-right:none;padding-right:0;margin-right:0}
.human_1{margin-top:5px;float:left;width:100%;text-align:left}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (max-width:640px){.menu-button{margin-top:4%}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (min-width:479px) and (max-width:640px){.header-top .contact-info,
.three-fourth{width:94%}
.order-now{font-size:10px}
.sbar img{display:none}
.one-half img{margin:0 auto;display:block}
.one-third{width:100%;float:left}
.res_text_box p{font-size:13px;}
.main_form input[type="text"]{margin-top:18px;}
.main_form select[name="city"], .main_form_icon{margin-top:18px;}
.submit_but{margin-top:7px;}
.vps_package_plan_main{width:49%}
.vps_package_ordernow a{padding:5px 15px;font-size:18px;margin-left:40px}
.training_programs1{width:49%;height:285px}
.discuss_your_project input[type=text]{width:36%}
.discuss_your_project textarea{width:91%}
.discuss_your_project select[name=city],
.mobile_app_box{width:45%}
.c_border{border-right:none;padding-right:0;margin-right:0}
.mobile_app_box:nth-of-type(2n){border-right:#e0e0e0 solid 1px}
#contact-form input.textbox {
    width: 109%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media only screen and (max-width:480px){.menu-button{margin-top:4%}
#header .logo{width:224px;margin:8px 0;float:right}
.header-top .contact-info,
.three-fourth{width:82%;}
.container-center{width:90%}
.one-third,
.vps_package_plan_main{width:100%}
.vps_package_ordernow a{padding:5px 15px;font-size:18px;margin-left:60px}
.training_programs1{width:99%;height:auto}
.discuss_your_project input[type=text]{width:81%}
.discuss_your_project textarea{width:89%}
#Scode{width:72%}
.discuss_your_project select[name=city]{width:89%}
.c-title,
.c-title1,
.c-title2{width:80%}
.mobile_app_box{width:95%;border:1px solid #e0e0e0}
#contact-form input.textbox {
    width: 100%;
}
#contact-form input.textbox.textbox2 {
    width: 100%;
}
#contact-form textarea.textbox.textbox2 {
    width: 100%;
}
}
@media (min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx){.separator-1,
.separator-2,
.separator-3,
.separator-4,
.separator-5,
.separator-6,
.separator-7,
footer .separator-1,
footer .separator-2,
footer .separator-3,
footer .separator-4,
footer .separator-5,
footer .separator-6,
footer .separator-7{background-repeat:no-repeat;background-size:auto 27px}
.separator-1{background-image:url(../img/separators/sign%402x.html)}
.separator-2{background-image:url(../img/separators/waves%402x.html)}
.separator-3{background-image:url(../img/separators/star%402x.html)}
.separator-4{background-image:url(../img/separators/jigsaw%402x.html)}
.separator-5{background-image:url(../img/separators/crown%402x.html)}
.separator-6{background-image:url(../img/separators/arrow%402x.html)}
.separator-7{background-image:url(../img/separators/diamond%402x.html)}
footer .separator-1{background-image:url(../img/separators/sign-footer%402x.html)}
footer .separator-2{background-image:url(../img/separators/waves-footer%402x.html)}
footer .separator-3{background-image:url(../img/separators/star-footer%402x.html)}
footer .separator-4{background-image:url(../img/separators/jigsaw-footer%402x.html)}
footer .separator-5{background-image:url(../img/separators/crown-footer%402x.html)}
footer .separator-6{background-image:url(../img/separators/arrow-footer%402x.html)}
footer .separator-7{background-image:url(../img/separators/diamond-footer%402x.html)}
.ui-accordion-header-active .ui-accordion-header-icon,
.ui-accordion-header-icon{background-size:15px 30px;background-image:url(../img/toggle%402x.html)}
footer .contact-info{background:url(../img/world%402x.png) center center no-repeat;background-size:203px 101px}
.cog-tl{background:url(../img/box-images/cog-tl%402x.html) top left no-repeat}
.cog-tr{background:url(../img/box-images/cog-tr%402x.html) top right no-repeat}
.cog-bl{background:url(../img/box-images/cog-bl%402x.html) bottom left no-repeat}
.cog-br,
.post-author{background:url(../img/box-images/cog-br%402x.html) bottom right no-repeat}
.cog-bl,
.cog-br,
.cog-tl,
.cog-tr,
.post-author{background-size:161px 161px}
.testimony-inner{background:url(../img/quotes%402x.html) bottom right no-repeat;background-size:69px 45px}
.quote-left{background:url(../img/quotes%402x.html) top right no-repeat;background-size:69px 45px}
.quote-right{background:url(../img/quotes%402x.html) top left no-repeat;background-size:69px 45px}
.responsive-nav select{background:url(../img/nav%402x.html) 97% center no-repeat #fff;background-size:21px 14px}
.pattern-1{background-image:url(../img/backgrounds/pattern-1%402x.html);background-size:500px 500px}
.pattern-2{background-image:url(../img/backgrounds/pattern-2%402x.html);background-size:200px 200px}
.pattern-3{background-image:url(../img/backgrounds/pattern-3%402x.html);background-size:46px 29px}
.pattern-4{background-image:url(../img/backgrounds/pattern-4%402x.html);background-size:110px 69px}
.pattern-5{background-image:url(../img/backgrounds/pattern-5%402x.html);background-size:16px 16px}
.pattern-6{background-image:url(../img/backgrounds/pattern-6%402x.html);background-size:400px 400px}
.pattern-7{background-image:url(../img/backgrounds/pattern-7%402x.html);background-size:70px 70px}
.pattern-8{background-image:url(../img/backgrounds/pattern-8%402x.html);background-size:162px 15px}
.pattern-9{background-image:url(../img/backgrounds/pattern-9%402x.html);background-size:297px 297px}
.pattern-10,
.pattern-11{background-size:100px 100px}
.pattern-10{background-image:url(../img/backgrounds/pattern-10%402x.html)}
.pattern-11{background-image:url(../img/backgrounds/pattern-11%402x.html)}
.pattern-12{background-image:url(../img/backgrounds/pattern-12%402x.html);background-size:270px 289px}
.pattern-13{background-image:url(../img/backgrounds/pattern-13%402x.html);background-size:160px 160px}
.pattern-14{background-image:url(../img/backgrounds/pattern-14%402x.html);background-size:412px 412px}
.pattern-15{background-image:url(../img/backgrounds/pattern-15%402x.html);background-size:188px 178px}
.pattern-16{background-image:url(../img/backgrounds/pattern-16%402x.html);background-size:43px 50px}
}
.buttonArea,
.buttonCon{position:relative;float:left}
.animate0,
.animate1{-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s}
.buttonArea{left:50%;top:100%;margin-top:-32px}
.buttonCon{left:-50%}
.buttonCon .theButton{color:#B22222;width:20px;height:22px;text-indent:-9999px;border:0;margin-right:3px;float:left;display:none}
.arrowButton .nextArrow,
.arrowButton .prevArrow{width:40px;height:80px;position:absolute;top:170px}
.buttonArea a.active{background-position:0 -22px}
.arrowButton{cursor:pointer}
.arrowButton .prevArrow{background:url(../img/sprites_icon.png) -200px 0 no-repeat;left:12px}
.arrowButton .nextArrow{background:url(../img/sprites_icon.png) right no-repeat;right:16.6%}
.animate0{-webkit-animation-duration:.6s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:0s;-ms-animation-delay:0s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:0s;animation-timing-function:ease;animation-fill-mode:both}
.animate1,
.animate2,
.animate3,
.animate4,
.animate5,
.animate6{-moz-animation-duration:.6s;-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease;-ms-animation-timing-function:ease}
.animate1,
.animate2{-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both}
.animate1{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;animation-duration:.6s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
.animate2,
.animate3,
.animate4,
.animate5,
.animate6{-moz-animation-timing-function:ease;-ms-animation-duration:.6s;animation-timing-function:ease;animation-duration:.6s}
.animate2,
.animate3,
.animate4{-moz-animation-fill-mode:both}
.animate2{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;animation-delay:.4s;animation-fill-mode:both}
.animate3,
.animate4,
.animate5,
.animate6{-ms-animation-fill-mode:both}
.animate3,
.animate4{-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate3{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;animation-delay:.6s}
.animate4{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;animation-delay:.8s}
.animate5,
.animate6,
.animate7{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both}
.animate5,
.animate6{animation-fill-mode:both}
.animate5{-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s}
.animate6{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-ms-animation-delay:1.2s;animation-delay:1.2s}
.animate7{-webkit-animation-duration:.6s;-webkit-animation-delay:1.4s;-webkit-animation-timing-function:ease;-moz-animation-duration:.6s;-moz-animation-delay:1.4s;-moz-animation-timing-function:ease;-ms-animation-duration:.6s;-ms-animation-delay:1.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:1.4s;animation-timing-function:ease;animation-fill-mode:both}
@font-face{font-family:Tw Cen MT;src:url(../font/TCCEB_0.TTF)}
.banner_inner{width:1500px;margin:auto;float:none;height:auto}
#banner{position:absolute}
.oneByOne1{top:0;left:0;margin:0;width:100%;height:500px;position:relative;overflow:hidden}
#banner .oneByOne_item{display:none;left:960px;position:absolute;width:1500px;height:500px;overflow:hidden}
#banner .oneByOne_item span{font-family:Open Sans;text-transform:uppercase}
#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{font-family:Tw Cen MT;letter-spacing:-2px;float:left}
#banner .oneByOne_item a{color:#B22222}

#banner .oneByOne_item span a {color: #fff; padding: 15px 10px 15px 10px; font-size: 14px; margin-top: 10px;}
#banner img.img1{position:absolute;top:0;left:0}
#banner img.img2{position:absolute;top:60px;left:650px}
#banner img.img-3{position:absolute;top:375px;left:275px;display:none}
#banner .oneByOne_item .text1{position:relative;margin:70px 0 15px 145px;color:#fff;font-size:60px}
#banner .oneByOne_item .text2{clear:left;position:relative;float:left;margin:13px 12px 0 148px;color:#fff;font-size:14px;font-weight:400}
.slide3{display:none;left:1920px}
#banner img.img3{position:absolute;top:200px;left:940px}
#banner img.img4{position:absolute;top:84px;left:525px}
#banner img.img5{position:absolute;top:370px;left:115px; width: 300px;}
#banner .oneByOne_item .text3{clear:left;position:relative;margin:75px 15px 20px 145px;color:#fff;font-size:60px}
#banner .oneByOne_item .text4{clear:left;position:relative;float:left;margin:13px 12px 0 148px;color:#fff;font-size:14px;font-weight:400}
#banner .slide3 img.wp1{position:absolute;top:255px;left:512px}
#banner .slide3 img.wp2{position:absolute;top:37px;left:707px}
#banner .slide3 img.wp3{position:absolute;top:350px;left:140px;z-index:2}
#banner .slide3 span.txt1{clear:left;position:relative;margin:75px 0 20px 145px;color:#FFF;font-size:60px}
#banner .slide3 span.txt1 a{color:#FFF}
#banner .slide3 span.txt2{clear:left;position:relative;float:left;margin:13px 12px 0 148px;color:#FFF;font-size:21px;font-weight:700}
#banner img.wp1{position:absolute;top:0;left:0}
#banner img.wp2{position:absolute;top:70px;left:600px}
#banner img.wp3{position:absolute;top:240px;left:175px}
#banner img.wp-3{position:absolute;top:335px;left:140px}
#banner .oneByOne_item span.wp1{clear:left;position:relative;margin:75px 0 20px 145px;color:#fff;font-size:60px}
#banner .oneByOne_item span.wp1 a{color:#FFF}
#banner .oneByOne_item span.wp2{clear:left;position:relative;float:left;margin:13px 12px 0 148px;color:#fff;font-size:21px;font-weight:700}
#banner .oneByOne_item img.bigImage{position:absolute;top:0;left:0}
#banner .oneByOne_item span.slide5Txt1{position:relative;float:left;margin:150px 12px 0 600px;color:#9ACD32;font-size:24px;background:#FFF;padding:8px}
#banner .oneByOne_item span.slide5Txt2{position:relative;clear:left;float:left;margin:12px 12px 0 600px;color:#666;font-size:12px;background:#FFF;padding:8px}
@media only screen and (max-width:1280px){.arrowButton .nextArrow{right:18%}
}
@media only screen and (max-width:1366px){.arrowButton .nextArrow{right:11%}
}
@media only screen and (min-width:479px) and (max-width:640px){#banner .oneByOne_item,
.oneByOne1{height:300px!important}
.arrowButton .nextArrow{right:59%!important;top:100px!important}
.arrowButton .prevArrow{top:100px!important}
#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{margin-left:15px!important;margin-top:50px!important;font-size:30px!important;letter-spacing:-1px}
#banner .oneByOne_item .text2,
#banner .oneByOne_item .text4,
#banner .oneByOne_item span.wp2,
#banner .slide3 span.txt2{/*margin-left:18px!important;font-size:14px!important;*/margin-left: 6px!important;font-size: 9px!important;margin-top:0!important}
#banner img.img2{top:86px!important;left:255px!important;width:25%!important}
#banner img.img-3{top:352px!important;left:165px!important}
#banner img.img4{top:82px!important;left:245px!important;width:19%!important}
#banner img.img3{top:146px!important;left:475px!important;width:10%!important}
#banner img.img5{top:235px!important;left:75px!important;width:10%!important}
#banner .slide3 img.wp2{top:25px!important;left:327px!important;width:20%!important}
#banner img.wp-3{left:15px!important;width:16%!important;top:188px}
#banner img.wp2{top:50px!important;left:255px!important;width:25%!important}
#banner img.wp3{top:145px;left:39px;width:164px}
#banner .slide3 img.wp3{top:223px;left:12px;width:25.5%}
}
@media only screen and (max-width:480px){#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{margin-left:15px!important;margin-top:50px!important;font-size:25px!important;letter-spacing:0}
#banner .oneByOne_item,
.oneByOne1{height:300px!important}
.arrowButton .nextArrow{right:70%!important}
#banner .oneByOne_item .text1, #banner .oneByOne_item .text3, #banner .slide3 span.txt1 {
    margin-bottom: 4px !important;
    margin-top: 50px !important;
    display: block !important;
}
.iso_certified_images {width:90px!important}
#banner .oneByOne_item .text2,
#banner .oneByOne_item .text4,
#banner .oneByOne_item span.wp2,
#banner .slide3 span.txt2{margin-left:18px!important;font-size:11px!important;display: none!important;}
#banner img.img2{top:115px!important;left:115px!important;width:20%!important}
#banner img.img-3{top:352px!important;left:165px!important}
#banner img.img4{top:82px!important;left:128px!important;width:19%!important}
#banner img.img3{top:150px!important;left:346px!important;width:8%!important}
#banner img.img5{top:225px!important;left:12px!important;width:8%!important}
#banner .slide3 img.wp2{top:68px!important;left:115px!important;width:17%!important}
#banner img.wp-3{left:14px!important;width:12%!important}
#banner img.wp2{top:95px!important;left:185px!important;width:19%!important}
#banner .slide3 img.wp3{top:220px;left:12px;width:17.3%}
#banner img.wp3{top:145px;left:30px;width:150px}
}
@media only screen and (max-width:360px){.sprite_quotes_icon{width:35px;height:35px;bottom:32px;background:url(../img/sprites_icon.png) -29px 0 no-repeat;background-size:139px}
.client-slider-container{overflow:hidden}
.clients li{width:150px!important;float:left;clear:none;margin:0;padding:6px;min-height:108px}
#pop-up-7 h2{font-size:25px}
.discuss_your_project input[type=text]{width:74%}
.discuss_your_project select[name=city],
.discuss_your_project textarea{width:85%}
#Scode{width:62%}
.iso_certified_images {width: 79px!important;}
}
@media only screen and (max-width:320px){#Scode{width:58%}
#pop-up-7 h2{font-size:22px}
#banner .oneByOne_item,
.oneByOne1{height:200px!important}
.arrowButton .nextArrow{right:80%!important;top:62px!important}
.arrowButton .prevArrow{top:62px!important}
#banner .oneByOne_item .text1,
#banner .oneByOne_item .text3,
#banner .oneByOne_item span.wp1,
#banner .slide3 span.txt1{margin-left:15px!important;margin-top:10px!important;font-size:20px!important;letter-spacing:0}
#banner .oneByOne_item .text2,
#banner .oneByOne_item .text4,
#banner .oneByOne_item span.wp2,
#banner .slide3 span.txt2{margin-left:18px!important;font-size:11px!important;display:none!important}
#banner img.img2{top:45px!important;left:15px!important;width:18%!important}
#banner img.img-3{top:60px!important;left:15px!important;display:none!important}
#banner img.img4{top:47px!important;left:18px!important;width:13%!important}
#banner img.img3{top:92px!important;left:178px!important;width:7%!important}
#banner img.img5{top:225px!important;left:12px!important;width:8%!important;displat:none!important}
#banner .slide3 img.wp2{top:29px!important;left:113px!important;width:12%!important}
#banner img.wp-3{left:30px!important;width:5%!important;display:none!important}
#banner img.wp2{top:27px!important;left:27px!important;width:17%!important}
#banner .slide3 img.wp3{top:147px;left:12px;width:9.3%;display:block!important}
#banner img.wp3{top:145px;left:30px;width:90px}
}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes flash{0%,
100%,
50%{opacity:1}
25%,
75%{opacity:0}
}
@-moz-keyframes flash{0%,
100%,
50%{opacity:1}
25%,
75%{opacity:0}
}
@-o-keyframes flash{0%,
100%,
50%{opacity:1}
25%,
75%{opacity:0}
}
@keyframes flash{0%,
100%,
50%{opacity:1}
25%,
75%{opacity:0}
}
.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}
@-webkit-keyframes shake{0%,
100%{-webkit-transform:translateX(0)}
10%,
30%,
50%,
70%,
90%{-webkit-transform:translateX(-10px)}
20%,
40%,
60%,
80%{-webkit-transform:translateX(10px)}
}
@-moz-keyframes shake{0%,
100%{-moz-transform:translateX(0)}
10%,
30%,
50%,
70%,
90%{-moz-transform:translateX(-10px)}
20%,
40%,
60%,
80%{-moz-transform:translateX(10px)}
}
@-o-keyframes shake{0%,
100%{-o-transform:translateX(0)}
10%,
30%,
50%,
70%,
90%{-o-transform:translateX(-10px)}
20%,
40%,
60%,
80%{-o-transform:translateX(10px)}
}
@keyframes shake{0%,
100%{transform:translateX(0)}
10%,
30%,
50%,
70%,
90%{transform:translateX(-10px)}
20%,
40%,
60%,
80%{transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}
@-webkit-keyframes bounce{0%,
100%,
20%,
50%,
80%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{0%,
100%,
20%,
50%,
80%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}
@-o-keyframes bounce{0%,
100%,
20%,
50%,
80%{-o-transform:translateY(0)}
40%{-o-transform:translateY(-30px)}
60%{-o-transform:translateY(-15px)}
}
@keyframes bounce{0%,
100%,
20%,
50%,
80%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}
10%,
20%{-webkit-transform:scale(.9) rotate(-3deg)}
30%,
50%,
70%,
90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,
60%,
80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1)}
10%,
20%{-moz-transform:scale(.9) rotate(-3deg)}
30%,
50%,
70%,
90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,
60%,
80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}
@-o-keyframes tada{0%{-o-transform:scale(1)}
10%,
20%{-o-transform:scale(.9) rotate(-3deg)}
30%,
50%,
70%,
90%{-o-transform:scale(1.1) rotate(3deg)}
40%,
60%,
80%{-o-transform:scale(1.1) rotate(-3deg)}
100%{-o-transform:scale(1) rotate(0)}
}
@keyframes tada{0%{transform:scale(1)}
10%,
20%{transform:scale(.9) rotate(-3deg)}
30%,
50%,
70%,
90%{transform:scale(1.1) rotate(3deg)}
40%,
60%,
80%{transform:scale(1.1) rotate(-3deg)}
100%{transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}
@-webkit-keyframes swing{100%,
20%,
40%,
60%,
80%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0)}
}
@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0)}
}
@-o-keyframes swing{20%{-o-transform:rotate(15deg)}
40%{-o-transform:rotate(-10deg)}
60%{-o-transform:rotate(5deg)}
80%{-o-transform:rotate(-5deg)}
100%{-o-transform:rotate(0)}
}
@keyframes swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}
@-webkit-keyframes wobble{0%,
100%{-webkit-transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg)}
}
@-moz-keyframes wobble{0%,
100%{-moz-transform:translateX(0)}
15%{-moz-transform:translateX(-25%) rotate(-5deg)}
30%{-moz-transform:translateX(20%) rotate(3deg)}
45%{-moz-transform:translateX(-15%) rotate(-3deg)}
60%{-moz-transform:translateX(10%) rotate(2deg)}
75%{-moz-transform:translateX(-5%) rotate(-1deg)}
}
@-o-keyframes wobble{0%,
100%{-o-transform:translateX(0)}
15%{-o-transform:translateX(-25%) rotate(-5deg)}
30%{-o-transform:translateX(20%) rotate(3deg)}
45%{-o-transform:translateX(-15%) rotate(-3deg)}
60%{-o-transform:translateX(10%) rotate(2deg)}
75%{-o-transform:translateX(-5%) rotate(-1deg)}
}
@keyframes wobble{0%,
100%{transform:translateX(0)}
15%{transform:translateX(-25%) rotate(-5deg)}
30%{transform:translateX(20%) rotate(3deg)}
45%{transform:translateX(-15%) rotate(-3deg)}
60%{transform:translateX(10%) rotate(2deg)}
75%{transform:translateX(-5%) rotate(-1deg)}
}
.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes pulse{0%,
100%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
}
@-moz-keyframes pulse{0%,
100%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
}
@-o-keyframes pulse{0%,
100%{-o-transform:scale(1)}
50%{-o-transform:scale(1.1)}
}
@keyframes pulse{0%,
100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}
}
@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}
40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}
50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}
80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}
100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}
}
@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}
40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}
50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}
80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}
100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}
}
@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}
40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}
80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}
100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}
}
.flip{-webkit-animation-name:flip;-moz-animation-name:flip;-o-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}
}
@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateX(-10deg)}
70%{-moz-transform:perspective(400px) rotateX(10deg)}
100%{-moz-transform:perspective(400px) rotateX(0);opacity:1}
}
@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-o-transform:perspective(400px) rotateX(-10deg)}
70%{-o-transform:perspective(400px) rotateX(10deg)}
100%{-o-transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}
40%{transform:perspective(400px) rotateX(-10deg)}
70%{transform:perspective(400px) rotateX(10deg)}
100%{transform:perspective(400px) rotateX(0);opacity:1}
}
.flipInX{-webkit-animation-name:flipInX;-moz-animation-name:flipInX;-o-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0);opacity:1}
100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);opacity:1}
100%{transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;-moz-animation-name:flipOutX;-o-animation-name:flipOutX;animation-name:flipOutX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}
}
@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0);opacity:1}
}
@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-o-transform:perspective(400px) rotateY(-10deg)}
70%{-o-transform:perspective(400px) rotateY(10deg)}
100%{-o-transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}
40%{transform:perspective(400px) rotateY(-10deg)}
70%{transform:perspective(400px) rotateY(10deg)}
100%{transform:perspective(400px) rotateY(0);opacity:1}
}
.flipInY{-webkit-animation-name:flipInY;-moz-animation-name:flipInY;-o-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0);opacity:1}
100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0);opacity:1}
100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}
100%{transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}
100%{opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}
100%{opacity:1;transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@-o-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px)}
}
@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-20px)}
}
@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}
100%{opacity:0;-o-transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px)}
}
@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(20px)}
}
@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}
100%{opacity:0;-o-transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px)}
}
@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-20px)}
}
@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}
100%{opacity:0;-o-transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px)}
}
@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(20px)}
}
@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}
100%{opacity:0;-o-transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px)}
}
@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-2000px)}
}
@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}
100%{opacity:0;-o-transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px)}
}
@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(2000px)}
}
@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}
100%{opacity:0;-o-transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px)}
}
@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-2000px)}
}
@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}
100%{opacity:0;-o-transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px)}
}
@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(2000px)}
}
@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}
100%{opacity:0;-o-transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}
50%{opacity:1;-o-transform:scale(1.05)}
70%{-o-transform:scale(.9)}
100%{-o-transform:scale(1)}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(.9)}
100%{transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}
60%{opacity:1;-o-transform:translateY(-30px)}
80%{-o-transform:translateY(10px)}
100%{-o-transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}
60%{opacity:1;-moz-transform:translateY(30px)}
80%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}
60%{opacity:1;-o-transform:translateY(30px)}
80%{-o-transform:translateY(-10px)}
100%{-o-transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}
60%{opacity:1;transform:translateY(30px)}
80%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}
60%{opacity:1;-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}
60%{opacity:1;-o-transform:translateX(30px)}
80%{-o-transform:translateX(-10px)}
100%{-o-transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}
60%{opacity:1;transform:translateX(30px)}
80%{transform:translateX(-10px)}
100%{transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}
60%{opacity:1;-moz-transform:translateX(-30px)}
80%{-moz-transform:translateX(10px)}
100%{-moz-transform:translateX(0)}
}
@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}
60%{opacity:1;-o-transform:translateX(-30px)}
80%{-o-transform:translateX(10px)}
100%{-o-transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}
60%{opacity:1;transform:translateX(-30px)}
80%{transform:translateX(10px)}
100%{transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3)}
}
@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(.95)}
50%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(.3)}
}
@-o-keyframes bounceOut{0%{-o-transform:scale(1)}
25%{-o-transform:scale(.95)}
50%{opacity:1;-o-transform:scale(1.1)}
100%{opacity:0;-o-transform:scale(.3)}
}
@keyframes bounceOut{0%{transform:scale(1)}
25%{transform:scale(.95)}
50%{opacity:1;transform:scale(1.1)}
100%{opacity:0;transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px)}
}
@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(20px)}
100%{opacity:0;-moz-transform:translateY(-2000px)}
}
@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}
20%{opacity:1;-o-transform:translateY(20px)}
100%{opacity:0;-o-transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{transform:translateY(0)}
20%{opacity:1;transform:translateY(20px)}
100%{opacity:0;transform:translateY(-2000px)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px)}
}
@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}
20%{opacity:1;-moz-transform:translateY(-20px)}
100%{opacity:0;-moz-transform:translateY(2000px)}
}
@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}
20%{opacity:1;-o-transform:translateY(-20px)}
100%{opacity:0;-o-transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{transform:translateY(0)}
20%{opacity:1;transform:translateY(-20px)}
100%{opacity:0;transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px)}
}
@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(20px)}
100%{opacity:0;-moz-transform:translateX(-2000px)}
}
@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}
20%{opacity:1;-o-transform:translateX(20px)}
100%{opacity:0;-o-transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{transform:translateX(0)}
20%{opacity:1;transform:translateX(20px)}
100%{opacity:0;transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px)}
}
@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}
20%{opacity:1;-moz-transform:translateX(-20px)}
100%{opacity:0;-moz-transform:translateX(2000px)}
}
@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}
20%{opacity:1;-o-transform:translateX(-20px)}
100%{opacity:0;-o-transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{transform:translateX(0)}
20%{opacity:1;transform:translateX(-20px)}
100%{opacity:0;transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}
100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}
}
@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}
100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}
}
@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}
100%{transform-origin:center center;transform:rotate(0);opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
}
@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}
100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
}
@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}
100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}
100%{transform-origin:left bottom;transform:rotate(0);opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
}
@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}
100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
}
@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
}
@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}
100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}
100%{transform-origin:right bottom;transform:rotate(0);opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}
}
@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}
}
@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}
100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}
100%{transform-origin:center center;transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}
}
@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}
}
@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}
100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}
}
@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}
}
@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}
100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}
100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}
}
@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}
}
@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}
100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}
}
@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}
}
@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}
100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}
100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
20%,
60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);opacity:0}
}
@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
20%,
60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}
100%{-moz-transform:translateY(700px);opacity:0}
}
@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}
20%,
60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}
40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}
80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}
100%{-o-transform:translateY(700px);opacity:0}
}
@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}
20%,
60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}
80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}
100%{transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0)}
}
@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-moz-transform:translateX(0) rotate(0)}
}
@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-o-transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}
}
@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0) rotate(0)}
100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}
}
@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0) rotate(0)}
100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0)}
100%{opacity:0;transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0) skewX(0);opacity:1}
}
@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-moz-transform:translateX(0) skewX(-15deg);opacity:1}
100%{-moz-transform:translateX(0) skewX(0);opacity:1}
}
@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-o-transform:translateX(0) skewX(-15deg);opacity:1}
100%{-o-transform:translateX(0) skewX(0);opacity:1}
}
@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}
60%{transform:translateX(-20%) skewX(30deg);opacity:1}
80%{transform:translateX(0) skewX(-15deg);opacity:1}
100%{transform:translateX(0) skewX(0);opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}
.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}
}
@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0) skewX(0);opacity:1}
100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}
}
@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0) skewX(0);opacity:1}
100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{transform:translateX(0) skewX(0);opacity:1}
100%{transform:translateX(100%) skewX(-30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}
@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}
10%{-webkit-transform:skewX(-8deg)}
20%{-webkit-transform:skewX(7deg)}
30%{-webkit-transform:skewX(-6deg)}
40%{-webkit-transform:skewX(5deg)}
50%{-webkit-transform:skewX(-4deg)}
60%{-webkit-transform:skewX(3deg)}
70%{-webkit-transform:skewX(-2deg)}
80%{-webkit-transform:skewX(1deg)}
100%,
90%{-webkit-transform:skewX(0)}
}
@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}
10%{-moz-transform:skewX(-8deg)}
20%{-moz-transform:skewX(7deg)}
30%{-moz-transform:skewX(-6deg)}
40%{-moz-transform:skewX(5deg)}
50%{-moz-transform:skewX(-4deg)}
60%{-moz-transform:skewX(3deg)}
70%{-moz-transform:skewX(-2deg)}
80%{-moz-transform:skewX(1deg)}
100%,
90%{-moz-transform:skewX(0)}
}
@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}
10%{-o-transform:skewX(-8deg)}
20%{-o-transform:skewX(7deg)}
30%{-o-transform:skewX(-6deg)}
40%{-o-transform:skewX(5deg)}
50%{-o-transform:skewX(-4deg)}
60%{-o-transform:skewX(3deg)}
70%{-o-transform:skewX(-2deg)}
80%{-o-transform:skewX(1deg)}
100%,
90%{-o-transform:skewX(0)}
}
@keyframes wiggle{0%{transform:skewX(9deg)}
10%{transform:skewX(-8deg)}
20%{transform:skewX(7deg)}
30%{transform:skewX(-6deg)}
40%{transform:skewX(5deg)}
50%{transform:skewX(-4deg)}
60%{transform:skewX(3deg)}
70%{transform:skewX(-2deg)}
80%{transform:skewX(1deg)}
100%,
90%{transform:skewX(0)}
}
.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}
.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}
.slides4{display:block;left:2880px}
.pop-up-background{background:rgba(255, 255, 255, .8);cursor:pointer;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
.pop-up-background-modal{cursor:default}
.pop-up{visibility:hidden;left:50%;margin-left:-400px;max-width:800px;position:absolute;top:20px;width:90%;z-index:9999}
.pop-up.small{margin-left:-200px;max-width:400px}
.pop-up.medium{width:100%}
.pop-up.large{margin-left:-400px;max-width:800px}
.pop-up-content{background:#fff;-webkit-box-shadow:0 1px 10px 2px #ccc;-moz-box-shadow:0 1px 10px 2px #ccc;box-shadow:0 1px 10px 2px #ccc;min-height:30px;padding:24px;float:left;width:93%}
.pop-up-content .close,
.pop-up-footer{text-align:right}
.pop-up-footer{padding-top:24px}
.pop-up-body{font-size:16px;color:#666}
.pop-up-display-content{display:none}
.pop-up .close{display:inline-block;float:right;z-index:99}
.pop-up .close a{font-size:18px;color:#d22;width:24px;height:24px;background:url(../img/icon-cross.png) no-repeat;display:inline-block}
.pop-up .close a:hover{opacity:.6}
.pop-up-btn{padding:8px 15px;display:inline-block;background:#3B4658;border-radius:3px;margin-left:10px;color:#fff;font-size:15px}
.pop-up-btn:focus,
.pop-up-btn:hover{background:#6A798E}
.pop-up .screen-reader-text{position:absolute;top:-9999px;left:-9999px}
.ie6 .pop-up{border:10px solid #CED4E2;width:600px}
@media only screen and (max-width:760px){.pop-up.large{left:5%;margin:0}
}
@media only screen and (max-width:480px){.pop-up.medium,
.pop-up.small{left:0;margin:0;padding:20px}
.pop-up-content{padding:12px;width:100%}
.pop-up-footer{padding-top:12px}
.pop-up{left:59%}
}
.flex-nav-left .flex-direction-nav{position:inherit;margin-top:10px}
.flex-next{position:absolute!important;right:0;margin-top:-22px}
.nivo-lightbox-content,
.nivo-lightbox-overlay{height:100%;width:100%}
.nivo-lightbox-content iframe img{width:100%;}
.nivo-lightbox-overlay{position:fixed;top:0;left:0;z-index:99998;overflow:hidden;visibility:hidden;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-lightbox-overlay.nivo-lightbox-open{visibility:visible;opacity:1}
.nivo-lightbox-wrap{position:absolute;top:10%;bottom:10%;left:10%;right:10%}
.nivo-lightbox-title-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:99999;text-align:center}
.nivo-lightbox-nav{display:none}
.nivo-lightbox-prev{position:absolute;top:50%;left:0}
.nivo-lightbox-next{position:absolute;top:50%;right:0}
.nivo-lightbox-close{position:absolute;top:2%;right:2%}
.nivo-lightbox-image{text-align:center}
.nivo-lightbox-image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}
.nivo-lightbox-content iframe,
.nivo-lightbox-error{width:100%;height:100%}
.nivo-lightbox-ajax,
.nivo-lightbox-inline{max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-lightbox-error{display:table;text-align:center;color:#fff;text-shadow:0 1px 1px #000}
.nivo-lightbox-error p{display:table-cell;vertical-align:middle}
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transition:all .3s cubic-bezier(.25, .5, .5, .9);-moz-transition:all .3s cubic-bezier(.25, .5, .5, .9);-ms-transition:all .3s cubic-bezier(.25, .5, .5, .9);-o-transition:all .3s cubic-bezier(.25, .5, .5, .9);transition:all .3s cubic-bezier(.25, .5, .5, .9)}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%)}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)}
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateZ(300px);-moz-transform:translateZ(300px);-ms-transform:translateZ(300px);transform:translateZ(300px)}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
.nivo-lightbox-theme-default.nivo-lightbox-overlay{background:#666;background:rgba(0, 0, 0, .6)}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background:url(../img/nivo-lightbox/default/loading.html) 50% 50% no-repeat}
.nivo-lightbox-theme-default .nivo-lightbox-nav{top:10%;width:8%;height:80%;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;opacity:.5}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{opacity:1}
.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(../img/nivo-lightbox/default/prev.html);border-radius:0 3px 3px 0}
.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(../img/nivo-lightbox/default/next.html);border-radius:3px 0 0 3px}
.nivo-lightbox-theme-default .nivo-lightbox-close{display:block;background:url(../img/nivo-lightbox/default/close.html) 5px 5px no-repeat;width:16px;height:16px;text-indent:-9999px;padding:5px;opacity:.5}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover{opacity:1}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap{bottom:-7%}
.nivo-lightbox-theme-default .nivo-lightbox-title{font:14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;font-style:normal;font-weight:400;background:#000;color:#fff;padding:7px 15px;border-radius:30px}
.nivo-lightbox-theme-default .nivo-lightbox-image img{background:#fff;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .4);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .4);box-shadow:0 1px 1px rgba(0, 0, 0, .4)}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline{background:#fff;padding:40px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .4);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .4);box-shadow:0 1px 1px rgba(0, 0, 0, .4)}
@media (-webkit-min-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6/2),
(min--moz-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx){.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background-image:url(../img/nivo-lightbox/default/loading%402x.html);background-size:32px 32px}
.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(../img/nivo-lightbox/default/prev%402x.html);background-size:48px 48px}
.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(../img/nivo-lightbox/default/next%402x.html);background-size:48px 48px}
.nivo-lightbox-theme-default .nivo-lightbox-close{background-image:url(../img/nivo-lightbox/default/close%402x.html);background-size:16px 16px}
}
.formError{z-index:990}
.formError .formErrorContent{z-index:991}
.formError .formErrorArrow{z-index:996}
.ui-dialog .formError{z-index:5000}
.ui-dialog .formError .formErrorContent{z-index:5001}
.ui-dialog .formError .formErrorArrow{z-index:5006}
.inputContainer{position:relative;float:left}
.formError{position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}
.formError.inline{position:relative;top:0;left:0;display:inline-block}
.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent{width:100%;background:#ee0101;position:relative;color:#fff;min-width:120px;font-size:11px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}
.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}
.greenPopup .formErrorContent{background:#33be40}
.blackPopup .formErrorContent{background:#393939;color:#FFF}
.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}
body.rtl .formError .formErrorArrow,
body[dir=rtl] .formError .formErrorArrow{margin:-2px 13px 0 0}
.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}
.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}
.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}
.greenPopup .formErrorArrow div{background:#33be40}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF}
.formError .formErrorArrow .line10{width:15px;border:none}
.formError .formErrorArrow .line9{width:13px;border:none}
.formError .formErrorArrow .line8{width:11px}
.formError .formErrorArrow .line7{width:9px}
.formError .formErrorArrow .line6{width:7px}
.formError .formErrorArrow .line5{width:5px}
.formError .formErrorArrow .line4{width:3px}
.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}
}
.error-sec{width:1170px;margin-left:130px;margin-top:50px;margin-bottom:50px;margin-right:98px;}
.error-sec{margin-left:130px;margin-top:50px;margin-bottom:50px;padding-right:151px;}
.error-sec img{width:400px;border-right:1px solid #01257d;padding-right:16px;float:left;}
.error2{padding-left:420px;}
.error2 p{padding-bottom:5px;}
.error2 input{padding:10px;width:250px;float:left;margin-top:15px;}
.error2 button{padding:8px;width:100px;margin-left:10px;margin-top:13px;}
.error2 img{float:left;padding-right:150px;padding-bottom:15px;margin-right:168px;border:inherit;}
.error2 button{background-color:#e3492f;color:#fff;}
.error2 button:hover{background-color:#333;}
.url-link p{margin-top:15px;}
.url-link p a{color:#01257d;font-size:16px;}
.box123{margin-bottom:40px;}
.domain-book{background-color:#e2492f;padding:30px 10px 19px 15px;margin-bottom:25px;}
.domain-book h3{color:#fff;font-size:30px;font-weight:600;float:left;padding-left:30px;text-transform:capitalize;}
.domain-book button{padding:15px 30px 15px 30px;margin-top:-12px;margin-left:101px;font-weight:600;}
.domain-book button:hover{background-color:#333;color:#fff;}







.bread-menu-list{
    background-color: #f5f5f5;
    padding: 15px 20px 15px 20px;
    margin-bottom: 30px;
}
.bread-menu-list2{
    font-weight: 600;
    font-size: 16px;

}
.list-bread{
  margin-bottom: 0px;
}
.bread-menu-list2 span i {
    font-size: 11px;
}

#life-wrap .one-fourth1{ height:200px;}
#filters { margin: 0 0 5px 0; padding:0; list-style:none; }
#filters li { display:inline-table; text-transform:uppercase; font-size:12px;  }
#filters li span {display: block; text-decoration:none; color:#666; cursor: pointer; padding:5px 10px; }
#filters li span.active { color:#FFF; background:#0e315b; border-radius:2px;}
#portfoliolist .portfolio { /*width:23.5%; margin:30px 2% 0 0;*/ display:none; float:left; overflow:hidden; }
/*#portfoliolist .portfolio:nth-child(4n+0) { margin:30px 0 0 0; }*/
.portfolio-wrapper { overflow:hidden; position:relative !important; cursor:pointer; background:#000; border:1px solid #fff; }
.portfolio-wrapper img { width:100%; }
.portfolio:hover .portfolio-wrapper img { opacity:0.5; width:100%; }
.portfolio:hover .portfolio-wrapper>span { display:block;}
.portfolio-wrapper>span {top:50%;left:50%;right:50%;position:absolute;background-color: #f05f40;margin: -25px 0 0 -25px;border-radius: 50%;display: none;padding: 14px 13px;width: 50px;height: 50px;text-align: center;}
.portfolio-wrapper>span>span{ display:block; font-family:'Raleway'; color:#FFF; font-size:24px;  }

/* The Modal (background) */
.modal { display: none;
 position: fixed; z-index: 301; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #333; margin: auto; padding: 40px; width: 60%; position: relative; overflow: hidden;}
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer;}
.modal-content .top-strip { height: 120px; width: 500px; background: #167cd8; transform: rotate(141deg); border-bottom: 50px solid #86d7fb; border-top: 10px solid #31b6f3; position: absolute; left: -270px; top: 0;}
.modal-content .bottom-strip { height: 120px; width: 500px; background: #167cd8; transform: rotate(141deg); border-bottom: 10px solid #31b6f3; border-top: 65px solid #86d7fb; position: absolute; right: -290px; bottom: 0;}
.modal-content .modal-inner { position: relative; z-index: 1; text-align: center;}
.modal-content .imageicon { width: 70px; margin: 0 auto;}
.modal-content .imageicon img{ width: 100%;}
.modal-content .modal-inner h3 { font-weight: 800; color: #e2492f; font-size: 24px; line-height: 24px; margin: 15px 0 0 0;}
.modal-content .modal-inner p { color: #fff;}
.modal-content .modal-inner .textbox { width: 100%;}
.modal-content .modal-inner .ml { float: left; width: 48%; color: #fff; text-align: left;}
.modal-content .modal-inner .mr { float: right; width: 48%; color: #fff; text-align: left;}
.modal-content .modal-inner .mfull { float: left; width: 100%; color: #fff; text-align: center;}
.modal-content .modal-inner span { display: inline-block;}
.modal-content .modal-inner span.capcodesum { width:-moz-calc(100% - 80px);  width:-webkit-calc(100% - 80px);  width:calc(100% - 80px); box-sizing: border-box; padding-left: 10px;}
.modal-content .modal-inner span.capcode {font-weight: 700; font-size: 24px; line-height: 24px; color: #86d7fb; position: relative; top: 4px;}
.modal-content .modal-inner .submit_btn { font-family: Calibri; font-size: 18px; border: none; padding: 10px 20px; border-radius: 3px;}
.modal-content .modal-inner .button { font-family: Calibri; font-size: 18px; border: none; padding: 10px 20px; border-radius: 3px;}
.modal-content .modal-inner .button:hover { background: #167cd8; color: #f7f7f7;}
.modal-content .modal-inner #message-outcome { padding: 10px; border-radius: 5px;}
.modal-content .modal-inner .form-invalid-popup.visible { margin: 0 0 10px 0 !important;}

@media only screen and (max-width:1024px){.error-sec{margin-left:48px;padding-right:0;}
.error2{padding-right:10px;}
.error-body{margin-left:40px;width:930px;}
.one-sixth{width:600px;}
.domain-book h3{padding-left:0px;}
.domain-book button{margin-left:87px;}
.top_number { width: 46%;}
#banner .slide3 img.wp3 { top: 320px !important; left: 70px!important;}
.pro .three-fourth{ width:70%;}
.pro .one-fourth{ width: 214px !important;}
.pro .carousel-container .slides li {margin-right: 15px;}
.p-item img { max-width:100% !important;}
.sprite_aerrow_icon { margin-right: 35px; margin-top: -10px;}
.flex-nav-left .flex-direction-nav { bottom: 20px;}
#life-wrap .one-fourth1{ height:190px;}
}
@media only screen and (max-width:768px){.error-sec img{width:660px;border-right:inherit;float:left;}
.error2{padding-left:0px;}
.error2 img{padding-right:360px;margin-top:10px;}
.domain-book h3{padding-left:26px;}
.header-top .contact-info { width: 71%;}
.menu-button { float: right;}
#header .logo { float: left;}
.box-4 .color-box { width: 50%; margin-bottom: 0;}
.pro .three-fourth { width: 99%;}
.pro .one-fourth.full { width:100% !important; margin:0;}
.sprite_aerrow_icon { margin-right: 35px; margin-top: -60px;}
.footer-ad-box { margin-left: 0;text-align: left;}
.footer-ad-box img{ margin:0;}
#life-wrap .one-fourth1{ height:215px;}
.modal-content { padding: 30px; width: 80%;}
}
@media only screen and (max-width:640px){.error-sec{margin-left:61px;}
.error-sec img{width:538px;}
.error2 img{padding-right:240px;margin-top:10px;}
.error2{padding-right:30px;}
.domain-book button{margin-left:62px;}
.domain-book h3{font-size:22px;padding-left:0px;}
.header-top .contact-info { width: 100%;}
.box-4 .color-box { width: 100%; margin-bottom: 0;}
.pro .one-fourth { width: 245px !important;}
#life-wrap .one-fourth1{ height:150px;width: 48%;margin: 10px 5px 0 5px;}
}
@media only screen and (max-width:568px){.modal-content { padding: 30px; width: 90%;}
}
@media only screen and (max-width:480px){.error-sec{margin-left:40px;}
.error-sec img{width:416px;}
.error2 img{padding-right:150px;}
.domain-book button{padding:12px 22px 11px 22px;margin-top:0;}
.domain-book h3{font-size:20px;padding-left:5px;}
.pro .one-fourth { width: 206px !important;}
#life-wrap .one-fourth1{ height:125px;width: 47%;margin: 10px 5px 0 5px;}
#filters li { font-size: 10px;}
#filters li span{ padding:2px 5px;}
.modal-content .modal-inner .ml { float: left; width: 100%; color: #fff; text-align: left;}
.modal-content .modal-inner .mr { float: right; width: 100%; color: #fff; text-align: left;}
.modal { padding-top: 15px;}
}
@media only screen and (max-width:360px){.error-sec{margin-left:33px;}
.error-sec img{width:312px;}
.error2 img{padding-right:70px;}
.error2 p{padding-bottom:5px;font-size:12px;}
.error2 input{width:178px;}
.domain-book{padding:19px 10px 19px 15px;}
#banner img.wp-3 { top: 195px;}
.pro .one-fourth { width: 324px !important;}
#life-wrap .one-fourth1{ height:200px;width:100%;margin: 10px 0 0 0;}
}
@media only screen and (max-width:320px){.error-sec{margin-left:13px;}
.error2{padding-right:20px;}
.error2 input{width:176px;}
.error-body{margin-left:10px;width:930px;}
.text {padding-right: 5px; padding-left: 5px;}
.container-center { width: 95%;}
.pro .one-fourth { width:294px !important;}
#life-wrap .one-fourth1{ height:190px;width:100%;margin: 10px 0 0 0;}
.modal-content .imageicon { width: 50px; margin: 0 auto;}
.modal-content { padding: 30px 20px; width: 90%;}
.modal-content .modal-inner h3 { font-size: 20px;}
}
.forth100{
	border: 2px solid #e7e8e6;
}
.one-fourth1.forth01{
	background-image: url(../img/web00.png);
	height: 350px;

}
.one-fourth1.forth02{
	background-image: url(../img/web001.png);
	height: 350px;

}

.one-fourth1.forth03{
	background-image: url(../img/web200.png);
	height: 350px;

}
.one-fourth1.forth04{
	background-image: url(../img/inter-mark.png);
	height: 350px;

}

.one-fourth1.forth05{
	background-image: url(../img/custom-web.jpg);
	height: 350px;

}

.one-fourth1.forth06{
	background-image: url(../img/hire0.jpg);
	height: 350px;

}
.one-fourth1.forth07{
	background-image: url(../img/hosting0.jpg);
	height: 350px;

}
.one-fourth1.forth08{
	background-image: url(../img/email.png);
	height: 350px;

}

.one-fourth1.forth09{
	background-image: url(../img/banner0.jpg);
	height: 350px;
	margin-bottom: 25px; 	

}
.icon-img {
position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #f5f5f5;
}
.icon-img img{
	color: #333;
	box-shadow: 5px;

}

.service-icon2 {
    display: none;
}


.icon-img:hover {
	background-color: transparent;
	color: #fff;
}

.icon-img:hover .service-icon{
	display: none;
}

.icon-img:hover .service-icon2{
	display: block;
}

.icon-img:hover h3{
	color: #fff;
}
.icon-img:hover p{
	color: #fff;
}

.icon-img h3{
	text-align: center;
	width: 100%;
	margin-bottom: 0px;
	color: #e2492f;
	 font-size: 18px;


}

.icon-img p{
	text-align: center;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	color: #333;
	font-size: 14px;
}

.one-fourth1 .icon-img img{
 margin-top: 10px;
}
.ok0 {margin-left: 12px;}

li.text.text1 p {
    padding-bottom: 0px;
    margin-top: -7px;
    margin-bottom: -3px;
    font-size: 11px;
}
#pop-up-7 p {
    margin: 0 0 5px 18px;
    font-size: 33px;
    font-family: Roboto, sans-serif;
    color: #1086b7;
    text-transform: capitalize;
    font-weight: 100;
    line-height: 38px;
}

.work-wrap {
background: url(../img/career-banner.jpg) center;
padding: 70px 0;
background-size: 100%;
position: relative;
text-align: center;
background-repeat: no-repeat;
color: #fff;
background-size: cover;
}
.work-wrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
}
.work-wrap .container-center {
    position: relative;
    z-index: 1;
}
.work-wrap i {
    font-size: 36px;
    background: #fff;
    color: #e2492f;
    width: 80px;
    line-height: 80px;
    margin-bottom: 20px;
    border-radius: 50%;
}
.work-wrap h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.work-wrap h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 20px;
}
.work-wrap p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
}
.why-wrap  {
    padding: 50px 0;
    text-align: center;
}
.why-wrap .one-third {
    float: left;
    width: 32%;
    margin: 30px 2% 0 0;
}
.why-wrap .one-third:last-child {
    margin: 30px 0 0 0;
}
.why-wrap h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.why-wrap .one-third img{
    padding: 0;
    border-radius: 5px;
}
.why-wrap h3 {
    text-transform: capitalize;
    font-size: 22px;
    margin: 15px 0;
    font-weight: bold;
}
.why-wrap p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0;
}
.gall-wrap .owl-carousel .owl-stage-outer {
    padding: 45px 0;
}
.gall-wrap .owl-carousel .owl-item {
	opacity: 0.5;
}
.gall-wrap .owl-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1.2);
}
.jobs-wrap {
    padding: 50px 0;
    text-align: center;
}
.jobs-wrap h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.jobs-wrap h3 {
    text-transform: capitalize;
    font-size: 18px;
    margin: 15px 0;
}
.openings ol {
    margin: 0;
    text-align: center;
}
.openings li {
    display: inline-block;
    width: 47%;
    text-align: center;
    margin: 20px 2% 0 0;
    border-left: 5px solid #e2492f;
    border-right: 5px solid #e2492f;
    border-radius: 10px;
    padding: 20px 15px;
    background: #0d4e9b;
    color: #fff;
}
.openings li:nth-child(2n+0) {
    margin: 20px 0 0 0;
}
.jobs-wrap .job-icon{
    /*display: inline-block;*/
    display:block;
    /*vertical-align: top;*/
    width: 100px;
    margin: 0 auto;
}
.jobs-wrap .job-icon img{
    width: 100px;
}
/*.jobs-wrap .job-icon-text{
    display: inline-block;
    vertical-align: top;
    width:-moz-calc(100% - 105px); 
    width:-webkit-calc(100% - 105px); 
    width:calc(100% - 105px);
    padding-left: 15px;
}*/
.jobs-wrap .job-icon-text .o_head {
    font-size: 16px;
}
.jobs-wrap .job-icon-text p {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
}
.form-wrap {
    padding:50px 0;
    text-align: center;
    background: #f5f5f5;
}
.form-wrap h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 20px;
}
.form-wrap .mgauto {
    margin: 20px auto 0 auto;
    float: none;
    background: #fff;
    padding: 30px 0 40px 30px;
    text-align: left;
}

/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

#makeMeScrollable {
    height: 576px;
    padding: 0px;
}
#makeMeScrollable .scrollableArea img{
    margin-left: -5px;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	height: 576px;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.html), url(../images/cursors/cursor_arrow_left-2.html),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../img/arrow_left.gif);				
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	height: 576px;
	cursor: url(../images/cursors/cursor_arrow_right.html), url(../images/cursors/cursor_arrow_right-2.html),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

.prolistbg{ background-image:url(../img/p2.png), url(../img/probg.jpg); background-size: 100%, 100%; background-position: center center, left top; background-repeat: no-repeat, repeat; }
.prolistbg2{ background-image:url(../img/p1.png); background-size: 100%; background-position: center center; background-repeat: no-repeat; }
.prolist.mmt30 { margin-top: -30px; }
.prolist { padding: 50px 0; }
.prolist h2 { font-size: 28px; font-family: Century Gothic, arial, sans-serif; color: #1086b7; text-transform: none; font-weight: 900; margin-bottom: 10px; line-height: 38px;}
.prolist h3 {text-transform: none; font-weight: 600; color: #3f3f3f; font-size: 18px; letter-spacing: 1px;}
.prolist h4 {font-weight: 700; color: #3f3f3f; font-size: 16px; text-transform: uppercase;}
.prolist p { color: #8a8a8a;}
.prolist .btn-wrap { margin-top: 15px;}
.prolist .pro-left{ width: 50%; float: left; }
.prolist .pro-left .pro-left-inner{ padding-right: 20px; }
.prolist .pro-right{ width: 50%; float: right; }
.prolist .pro-right .pro-right-inner{ padding-left: 20px; }
.prolist .lapbg{ background:url(../img/desktop-bg.png) no-repeat; width: 100%; min-height: 375px; background-size: 100%; padding: 22px 22px 32px 22px; }
.prolist .features { text-align: center; padding: 0 40px;}
.prolist .features .image{ width: 50px; margin: 0 auto; }
.prolist .features .feat-title { font-weight: 600; margin-top: 5px; line-height: 16px;}
.features.owl-carousel .owl-nav .owl-next:after, .features.owl-carousel .owl-nav .owl-prev:before { font-family: fontawesome; background: #e2492f; color: #000; padding: 8px 10px; height: 30px;}
.features.owl-carousel .owl-nav .owl-prev:before, .features.owl-carousel .owl-nav .owl-next:after {border-radius: 0;}
.features.owl-carousel .owl-next, .features.owl-carousel .owl-prev {top: 34%; position: absolute;}

@media(max-width:1024px){

.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 36px;
    margin-bottom: 15px;
}
.form-wrap .mgauto {
    padding: 20px 10px 30px 20px;
}
.form-wrap .mgauto .textbox {
    width: 300px;
}
.prolist {
    padding: 40px 0;
}
.prolistbg {
    background-image: url(../img/probg.jpg);
    background-size: 100%;
    background-position:left top;
    background-repeat:repeat;
}
.prolistbg2 {
    background-image: none;
}
.prolist .lapbg {
    min-height: 375px;
    padding: 21px 21px;
}
.footer-main .one-half.intouch_like_box{
    width: 390px;
    text-align: center;
}
.footer-main .one-half.intouch_like_box .footer-ad-box {
    margin-left: 0px;
}

}

@media(max-width:768px){

.work-wrap, .why-wrap, .jobs-wrap, .form-wrap  {
    padding: 40px 0;
    background-size: 100%;
}
.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 30px;
    margin-bottom: 15px;
}
.work-wrap h3 {
    font-size: 16px;
    margin-bottom: 15px;
}
.work-wrap p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
}
.why-wrap h3 {
    font-size: 18px;
    margin: 10px 0;
}
.why-wrap p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 0;
}
.openings li {
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
}
.form-wrap .mgauto .textbox {
    width: 83%;
}
.form-wrap .mgauto {
    padding: 30px 20px 20px 20px;
}
.jobs-wrap {
    padding: 40px 0;
    text-align: center;
}
.form-wrap .mgauto #submit {
    width: 99%;
}
.prolist {
    padding: 30px 0;
}
.prolist .pro-left {
    width: 80%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.prolist .pro-left .pro-left-inner {
    padding-right: 0;
}
.prolist .lapbg {
    min-height: 432px;
    padding: 25px 25px;
    margin-bottom: 20px;
}
.prolist .pro-right {
    width: 80%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.prolist .pro-right .pro-right-inner {
    padding-left: 0;
}
.page-title span {
    font-size: 25px;
    font-weight: 700;
    color: #373737;
    margin-top: 5px;
    padding-top: 15px;
    margin-bottom: 0;
    border-right: 0;
    width: 200px;
    height: 90px;
    line-height: 30px;
    text-transform: uppercase;
    float: left;
}
.breadcrumbs {
    position: static;
    right: 0;
    top: 0;
    margin-top: 20px;
}

}

@media(max-width:667px){

.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 28px;
    margin-bottom: 15px;
}
.why-wrap .one-third {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
}
.jobs-wrap .bottom-20 {
    margin-bottom: 0;
}
.jobs-wrap h3 {
    font-size: 16px;
    margin: 15px 0;
}
.form-wrap .mgauto .textbox {
    width: 74%;
}
.form-wrap .mgauto {
    padding: 30px 20px 20px 25px;
}
.prolist .pro-left {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.prolist .pro-right {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.prolist .lapbg {
    min-height: 382px;
    padding: 23px 23px;
    margin-bottom: 20px;
}
.header-top .contact-info {
    width: 93%;
}
.page-title span {
    font-size: 25px;
    font-weight: 700;
    color: #373737;
    margin-top: 5px;
    padding-top: 0;
    margin-bottom: 0;
    border-right: 0;
    width: 200px;
    height: 90px;
    line-height: 30px;
    text-transform: uppercase;
    float: left;
}
.breadcrumbs {
    position: static;
    right: 0;
    top: 0;
    margin-top: 0px;
}

}

@media(max-width:640px){

.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 26px;
    margin-bottom: 15px;
}

}

@media(max-width:568px){

.work-wrap, .why-wrap, .jobs-wrap, .form-wrap {
    padding: 30px 0;
    background-size: cover;
}
.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 24px;
    margin-bottom: 15px;
}

}

@media(max-width:480px){

.jobs-wrap .bottom-20 h1{
    margin-bottom: 0;
}
.form-wrap .mgauto .textbox {
    width: 70%;
}
.prolist .lapbg {
    min-height: 310px;
    padding: 21px 19px;
    margin-bottom: 20px;
}
.prolist h3 {
    text-transform: none;
    font-weight: 600;
    color: #3f3f3f;
    font-size: 16px;
    letter-spacing: 0;
}
.page-title span {
    font-size: 25px;
    font-weight: 700;
    color: #373737;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    border-right: 0;
    width: 200px;
    height: 70px;
    line-height: 30px;
    text-transform: uppercase;
    float: left;
}
.page-title p {
    width: 100%;
    font-size: 11px;
    padding-left: 0;
    line-height: 18px;
}
.page-title {
    padding-bottom: 0;
}

}

@media(max-width:375px){

.form-wrap .mgauto .textbox {
    width: 60%;
}
.form-wrap .mgauto {
    padding: 20px 15px 10px 20px;
}
.prolist .lapbg {
    min-height: 239px;
    padding: 17px 15px;
    margin-bottom: 20px;
}
.header-top .contact-info {
    width: 100%;
}
.page-title .page-title-inner {
    padding: 20px 0;
}

}

@media(max-width:360px){

.work-wrap h1, .why-wrap h1, .jobs-wrap h1, .form-wrap h1 {
    font-size: 22px;
    margin-bottom: 15px;
}
.jobs-wrap h3 {
    font-size: 14px;
    margin: 15px 0;
}
.form-wrap .mgauto .textbox {
    width: 59%;
}
.page-title span {
    margin-top: 0;
    padding-top: 0;
}
.prolist .lapbg {
    min-height: 230px;
    padding: 15px 15px;
    margin-bottom: 20px;
}
.text {
    border-right: #d1d1d1 solid 1px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 0!important;
    line-height: 8px;
    margin-top: 0;
    height: 30px;
}

}

@media(max-width:320px){

.form-wrap .mgauto .textbox {
    width: 56%;
}
.prolist .lapbg {
    min-height: 210px;
    padding: 14px 12px;
    margin-bottom: 20px;
}
.fa-ul {
    margin-left: 15px;
}
}

.mobiletest-html {
    overflow-y: scroll!important;
}

/*---------------iso_certified_image-----------------*/
/*.iso_certified_images img
{
	width: 100px;
}*/
.iso_certified_images 
{
	width: 156px;
/*	margin-left: 25px;*/
/*	transition: transform 2s;*/
}

.iso_certified_images:hover{
/* -ms-transform: scale(1.5); /* IE 9 */
 /* -webkit-transform: scale(1.5);*/ /* Safari 3-8 */
 /* transform: scale(1.5);*/*/ 
}
img.main_logo {
    width: 64%;
}
/*---------------------------------------------------*/
@media(max-width:1024px)
{
.iso_certified_images {width: 117px;margin-left: 0px;transition: transform 2s;}	
.navigation ul li {
    display: block;
    float: left;
    position: relative;
    left: 39px;
}
.navigation ul li a {
    font-size: 13px;
    font-weight: 700;
    color: #373737;
    display: inline-block;
    border-bottom: 2px solid #fff;
    -webkit-transition: background-color .2s linear, padding-top .2s linear;
    -moz-transition: background-color .2s linear, padding-top .2s linear;
    -o-transition: background-color .2s linear, padding-top .2s linear;
    -ms-transition: background-color .2s linear, padding-top .2s linear;
    transition: background-color .2s linear, padding-top .2s linear;
    padding: 31px 4px 20px 5px;
}
.search-button {
    display: block;
    width: 38px;
    height: 38px;
    color: #ccc;
    text-align: center;
    line-height: 36px;
    font-size: 19px;
    margin-top: 21px;
    border: 1px solid #ccc;
    transition: all .2s linear;
}
.top_number {

    padding-top: 10px;

}
}
@media(max-width:768px){

.main_logo{width: 100% !important;float: left;}
   
.iso_certified_images {
    width: 126px;
    left: 252px;
    top: 6px;
    bottom: -61px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
.iso_certified_images:hover{
 /*-ms-transform: scale(2);*/ /* IE 9 */
  /*-webkit-transform: scale(2);*/ /* Safari 3-8 */
  /*transform: scale(2);*/ 
}
.header_logo_icons
{
	position: relative;
}
.menu-button {
    float: right;
    margin-right: 15px;
}
}

@media(max-width:667px)
{
	.iso_certified_images {
    width: 126px;
    left: 20px;
    /* top: 10px; */
    bottom: -61px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}


}
@media(max-width:640px)
{
	.iso_certified_images {
    width: 126px;
    left: 20px;
    /* top: 10px; */
    bottom: -61px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
}

@media(max-width:568px)
{
	.iso_certified_images {
    width: 110px;
    left: 20px;
    /* top: 10px; */
    bottom: -61px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
.menu-button {
    margin-top: 4%;
    margin-right: 26px;

}
}
@media(max-width:480px)
{
	.iso_certified_images {
    width: 126px;
    left: 0px;
    /* top: 10px; */
    bottom: -61px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
.contact-info.fl-right {
    margin-left: 29px;
}
}
@media(max-width:375px)
{
	.iso_certified_images {
      width: 104px;
    left: -4px;
    /* top: 10px; */
    bottom: -49px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
.main_logo {
    width: 75% !important;
    float: left;
}
.menu-button {
    margin-top: 5%;
    margin-right: 15px;
}
.contact-info.fl-right {
    margin-left: 0px;
}
}
@media(max-width:360px)
{
	.menu-button {
    margin-top: 5%;
    margin-right: 8px;
}	
}

@media(max-width:320px)
{
	.iso_certified_images {
          width: 104px;
    left: -4px;
    /* top: 10px; */
    bottom: -46px;
    position: absolute;
    /* transition: transform 2s; */
    max-width: none !important;
}
.logo
{
	width: 198px !important;
}
.menu-button {
    margin-top: 5%;
}
}



