body {
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif !important ;
}
h2 {
font-family : Arial, Helvetica, sans-serif !important ;
font-weight : normal !important ;
}
h3 {
font-family : Arial, Helvetica, sans-serif !important ;
font-weight : normal !important ;
}
p {
font-family : Arial, Helvetica, sans-serif !important ;
font-weight : normal !important ;
}
li {
font-family : Arial, Helvetica, sans-serif !important ;
font-weight : normal !important ;
}
span {
font-family : Arial, Helvetica, sans-serif !important ;
font-weight : normal !important ;
}
.plrn {
padding : 0 !important ;
}
.black-hdr {
width : 100%;
padding : 7px 0;
float : left;
background-color : #111518;
}
.call {
float : right;
font-size : 16px;
color : #ccc;
padding-bottom : 3px;
text-indent : 20px;
background : url(../images/call.png) no-repeat;
border-right : 1px solid #959595;
padding-right : 10px;
border-right : 1px solid #959595;
padding-right : 10px;
}
.mail {
float : right;
font-size : 16px;
color : #ccc;
text-indent : 20px;
background : url(../images/mail.png) no-repeat;
margin-left : 20px;
}
.slider-hdr {
width : 100%;
float : left;
position : relative;
}
.slider-sec {
width : 100%;
height : 59px;
border-top : 1px solid #6d6d6d;
float : left;
position : absolute;
background-color : #fff;
z-index : 99999999999;
padding : 5px 0;
background : url(../images/menu-bg.png) repeat;
}
.pos-none {
position : inherit !important ;
background : url(../images/inner-menu-bg.png) repeat;
}
.logo {
float : left;
margin : -37px 0 0 0;
}
.menu-sec {
float : right;
}
.welcome-sec {
width : 100%;
float : left;
padding : 20px 0 180px 0;
background : url(../images/welcome-bg.png) repeat;
}
.overflow {
float : left;
}
.overflow h1 {
text-align : left !important ;
font-size : 52px;
color : #0078ae;
margin : 0 0 20px 0;
}
.overflow h1 span {
font-family : roblack;
}
.overflow p {
color : #606069;
line-height : 37px;
font-size : 28px;
margin : 0;
font-family : rolight;
}
.overflow-pic {
text-align : right;
}
.overflow-pic img {
width : 100%;
height : auto;
margin-top : 10%;
}
.overflow ul {
margin : 15px 0 0 0;
padding : 0;
}
.overflow ul li {
font-size : 18px;
color : #606069;
margin-bottom : 5px;
list-style : none;
background : url(../images/arrow.png) 0 8px no-repeat;
padding-left : 20px;
font-family : rolight;
}
.overflow h4 {
float : left;
margin-top : 30px;
}
.looking-sec {
width : 100%;
float : left;
margin-top : -187px;
}
.looking {
width : 80%;
float : left;
margin : 0 10%;
}
.looking p {
text-align : center;
color : #0078ae;
font-size : 38px;
margin : 46px 0 3% 0;
font-family : rolight;
}
.looking h2 {
text-align : center;
color : #5b5b5b;
font-size : 24px;
margin : 46px 0 3% 0;
font-family : rolight;
}
.looking span {
font-family : roblack;
}
.looking span {
font-family : roblack;
}
.circle-box {
width : 120px;
height : 120px;
border-radius : 50%;
border : #ddd solid 1px;
margin-right : 10px;
cursor : pointer;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
img.displayed {
display : block;
margin-left : auto;
margin-right : auto;
}
.circle-box:hover {
background-color : #0065a0;
border : #00567a solid 1px;
padding-top : 15px;
}
.tech1 {
padding-top : 37px;
}
.tech2 {
padding-top : 32px;
}
.tech3 {
padding-top : 34px;
}
.tech4 {
padding-top : 31px;
}
.tech5 {
padding-top : 40px;
}
.tech6 {
padding-top : 35px;
}
.tech7 {
padding-top : 30px;
}
.tech8 {
padding-top : 28px;
}
.tech9 {
padding-top : 28px;
}
.tnw {
width : 100% !important ;
margin : 0 !important ;
}
.work {
float : left;
overflow : hidden;
border-right : 1px solid #eee;
border-bottom : 1px solid #eee;
margin : 0 0 -5px 0;
}
.work img {
width : 100%;
height : auto;
}
.serve-sec {
width : 100%;
margin : 30px 0 0 0;
float : left;
background : url(../images/serve-bg.png) repeat;
background-color : #0078ae;
text-align : center;
padding : 30px 0;
}
.serve-sec h2 {
font-size : 48px;
margin : 0 0 10px 0;
color : #fff;
letter-spacing : 1px;
text-shadow : 2px 2px 2px #444;
}
.serve-sec p {
font-size : 17px;
color : #fff;
margin : 0 0 0 0;
}
.serve {
float : left;
text-align : center;
margin : 20px 0 0 0;
}
.serve a {
text-decoration : none;
}
.serve img {
margin-bottom : 8px;
transition : all 0.8s ease-in-out;
}
.serve img:hover {
transform : rotate(360deg);
}
.serve h2 {
font-size : 18px;
text-shadow : none !important ;
}
.solutions-sec {
width : 100%;
float : left;
background-color : #f1f1f1;
text-align : center;
padding-bottom : 25px;
}
.solutions-sec h2 {
font-size : 32px;
font-family : rolight;
color : #0078ae;
}
.solutions-sec h2 span {
font-size : 37px;
font-family : roblack;
}
.solutions {
float : left;
border : #d1d1d1 solid 1px;
color : #333;
padding-top : 20px;
font-size : 14px;
background-color : #fff;
font-weight : 600;
background-repeat : no-repeat;
background-position : center 80px;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.solutions:hover {
border : #034b68 solid 1px;
color : #fff;
background-color : #0b91c7;
background-repeat : no-repeat;
background-position : center 70px;
}
.solh-1 {
background-image : url(../images/solutions1.png);
}
.solh-2 {
background-image : url(../images/solutions2.png);
}
.solh-3 {
background-image : url(../images/solutions3.png);
}
.solh-4 {
background-image : url(../images/solutions4.png);
}
.solh-5 {
background-image : url(../images/solutions5.png);
}
.solh-6 {
background-image : url(../images/solutions6.png);
}
.solh-7 {
background-image : url(../images/solutions7.png);
}
.solh-8 {
background-image : url(../images/solutions8.png);
}
.solh-9 {
background-image : url(../images/solutions9.png);
}
.solh-10 {
background-image : url(../images/solutions10.png);
}
.solh-11 {
background-image : url(../images/solutions11.png);
}
.solh-12 {
background-image : url(../images/solutions12.png);
}
.solh-13 {
background-image : url(../images/solutions13.png);
}
.solh-14 {
background-image : url(../images/solutions14.png);
}
.solh-15 {
background-image : url(../images/solutions15.png);
}
.solh-16 {
background-image : url(../images/solutions16.png);
}
.solh-17 {
background-image : url(../images/solutions17.png);
}
.solh-18 {
background-image : url(../images/solutions18.png);
}
.affordable-sec {
width : 100%;
float : left;
background-color : #fff;
text-align : center;
padding : 30px 0;
}
.affordable-sec h2 {
font-size : 42px;
margin : 0;
color : #0078ae;
}
.affordable-sec p {
font-size : 32px;
color : #0078ae;
margin : 0;
}
.affordable {
float : left;
color : #656565;
font-family : rolight;
border : #eee solid 1px;
margin-top : 30px;
text-align : center;
}
.affordable img {
margin-bottom : 5px;
}
.affordable h2 {
margin-bottom : 13px;
font-size : 18px;
padding : 0 10px;
color : #8E8E8E;
}
.affordable h2 span {
font-weight : bold;
font-family : roblack;
font-size : 22px !important ;
color : #656565;
display : block;
clear : both;
}
.affordable p {
color : #656565;
padding : 0 15px 5px 15px;
line-height : 22px;
font-size : 15px;
text-align : justify;
}
.read-more {
float : left;
}
.read-more img {
width : 100%;
height : auto;
margin : 0 0 -4px 0;
}
.read-more img:hover {
background : url(../images/read-more-hover.png) no-repeat;
}
.ready-sec {
width : 100%;
float : left;
text-align : center;
line-height : 52px;
padding : 15px 0;
background : url(../images/ready-bg.png) repeat;
}
.ready {
float : left;
margin : 0;
}
.ready h2 {
color : #0078ae;
font-size : 35px;
margin : 0;
}
.ready span {
color : #5a6063;
font-size : 24px;
font-style : italic;
}
.ready h2 img {
float : right;
}
.ready-req {
float : left;
}
.ecommerce-sec {
width : 100%;
float : left;
text-align : center;
line-height : 52px;
padding : 30px 0;
background-color : #042b3c;
}
.ecommerce-sec h2 {
font-size : 48px;
margin : 20px 0 0 0;
color : #fff;
line-height : 35px;
}
.ecommerce-sec p {
font-size : 32px;
color : #fff;
margin : 10px 0;
}
.ecommerce {
width : 100%;
float : left;
color : #656565;
font-family : rolight;
background-color : #fff;
margin : 30px 0;
text-align : center;
}
.ecommerce img {
width : 100%;
height : auto;
margin-bottom : 0;
}
.ecommerce h2 {
font-size : 24px;
padding : 0 10px;
margin : 0;
color : #1e87b7;
line-height : 45px;
}
.ecommerce h2 span {
font-family : roblack;
font-size : 38px;
display : block;
clear : both;
text-transform : uppercase;
}
.ecommerce p {
color : #333;
padding : 13px 20px 20px 20px;
line-height : 22px !important ;
font-size : 17px;
margin : 0;
text-align : justify;
}
.view-package {
text-align : center;
margin-bottom : 15px;
}
.view-package a {
background-color : #0078ae;
border : #0078ae solid 3px;
padding : 7px 27px;
color : #fff;
font-size : 22px;
text-decoration : none;
font-family : roboto;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.view-package a:hover {
background-color : #fff;
color : #0078ae;
}
.why-sec {
width : 100%;
float : left;
background : url(../images/why-here-us.jpg) repeat;
padding : 10px 0;
}
.why-sec h2 {
font-size : 38px;
color : #fff;
font-family : robotothin;
text-align : center;
}
.why-sec h2 span {
color : #1eb4d2;
}
.why {
float : left;
}
.why h2 {
font-size : 18px;
color : #fff;
text-align : center;
line-height : 24px;
}
.why img {
width : 100%;
height : auto;
text-align : center;
overflow : hidden;
cursor : pointer;
border-radius : 50%;
border : #fff solid 1px;
transition : all 0.4s ease;
}
.why img:hover {
border-radius : 10%;
transform : rotate(360deg);
}
.subscribe-sec {
width : 100%;
float : left;
background : url(../images/subscribe.png) repeat;
padding : 40px 0;
}
.subscribe {
width : 98%;
float : left;
border : #d6d6d6 solid 1px;
margin-left : 1%;
padding : 1.7% 5%;
position : relative;
}
.msg {
position : absolute;
background : url(../images/msg.png) 0 0 no-repeat;
width : 86px;
height : 69px;
top : -1px;
left : -1px;
}
.newsletter {
float : left;
}
.newsletter h2 {
color : #0078ae;
font-size : 27px;
margin : 0;
line-height : 40px;
}
.newsletter p {
color : #5a6067;
font-size : 18px;
margin : 0;
}
.search {
float : left;
background-color : #fff;
border : #c1c1c1 solid 1px;
position : relative;
border-radius : 90px;
}
.search-input {
width : 100%;
float : left;
font-size : 17px;
padding : 15px;
font-style : italic;
border : none !important ;
outline : none;
}
.find-sec {
width : 100%;
float : left;
background : url(../images/map.jpg) 0 0 no-repeat;
padding : 40px 0;
position : relative;
overflow : hidden;
}
.find {
width : 98%;
float : left;
border : #1d7095 solid 1px;
margin-left : 1%;
padding : 1.7% 5%;
position : relative;
overflow : auto;
}
.map {
    width: 482px;
    height: 280px;
    background: url(../images/maps.png) top right no-repeat;
    position: absolute;
    bottom: -7%;
    right: 12%;
    z-index: 9999999;
}
.location-icon {
position : absolute;
background : url(../images/location-icon.png) 0 0 no-repeat #07435F;
width : 65px;
height : 85px;
top : 10px;
left : 10px;
}
.location {
float : left;
}
.location h2 {
color : #fff;
font-size : 27px;
margin : 0;
line-height : 40px;
}
.location p {
color : #fff;
font-size : 18px;
margin : 0;
font-family : rolight;
}
.location h3 {
background : url(../images/location-call.png) no-repeat;
color : #fff;
font-family : rolight;
font-size : 14px;
margin : 0;
padding : 0 0 10px 0;
text-indent : 30px;
margin-top : 20px;
font-style : normal !important ;
}
.location h3 span {
float : right;
font-family : roblack;
}
.location h3 span a {
color : #fff;
text-decoration : none;
}
.location h3 span a:hover {
text-decoration : underline;
}
.social-sec {
width : 100%;
float : left;
background-color : #042b3c;
padding : 15px 0 10px 0;
}
@font-face {
{
font-family : "'entypo'";
font-style : normal;
font-weight : normal;
src : url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
src : url('http://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot'), url('http://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff'), url('http://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype'), url('http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
}
}
.entypo-note:before {
content : "\266a";
}
.entypo-note-beamed:before {
content : "\266b";
}
.entypo-music:before {
content : "\1f3b5";
}
.entypo-search:before {
content : "\1f50d";
}
.entypo-flashlight:before {
content : "\1f526";
}
.entypo-mail:before {
content : "\2709";
}
.entypo-heart:before {
content : "\2665";
}
.entypo-heart-empty:before {
content : "\2661";
}
.entypo-star:before {
content : "\2605";
}
.entypo-star-empty:before {
content : "\2606";
}
.entypo-user:before {
content : "\1f464";
}
.entypo-users:before {
content : "\1f465";
}
.entypo-user-add:before {
content : "\e700";
}
.entypo-video:before {
content : "\1f3ac";
}
.entypo-picture:before {
content : "\1f304";
}
.entypo-camera:before {
content : "\1f4f7";
}
.entypo-layout:before {
content : "\268f";
}
.entypo-menu:before {
content : "\2630";
}
.entypo-check:before {
content : "\2713";
}
.entypo-cancel:before {
content : "\2715";
}
.entypo-cancel-circled:before {
content : "\2716";
}
.entypo-cancel-squared:before {
content : "\274e";
}
.entypo-plus:before {
content : "\2b";
}
.entypo-plus-circled:before {
content : "\2795";
}
.entypo-plus-squared:before {
content : "\229e";
}
.entypo-minus:before {
content : "\2d";
}
.entypo-minus-circled:before {
content : "\2796";
}
.entypo-minus-squared:before {
content : "\229f";
}
.entypo-help:before {
content : "\2753";
}
.entypo-help-circled:before {
content : "\e704";
}
.entypo-info:before {
content : "\2139";
}
.entypo-info-circled:before {
content : "\e705";
}
.entypo-back:before {
content : "\1f519";
}
.entypo-home:before {
content : "\2302";
}
.entypo-link:before {
content : "\1f517";
}
.entypo-attach:before {
content : "\1f4ce";
}
.entypo-lock:before {
content : "\1f512";
}
.entypo-lock-open:before {
content : "\1f513";
}
.entypo-eye:before {
content : "\e70a";
}
.entypo-tag:before {
content : "\e70c";
}
.entypo-bookmark:before {
content : "\1f516";
}
.entypo-bookmarks:before {
content : "\1f4d1";
}
.entypo-flag:before {
content : "\2691";
}
.entypo-thumbs-up:before {
content : "\1f44d";
}
.entypo-thumbs-down:before {
content : "\1f44e";
}
.entypo-download:before {
content : "\1f4e5";
}
.entypo-upload:before {
content : "\1f4e4";
}
.entypo-upload-cloud:before {
content : "\e711";
}
.entypo-reply:before {
content : "\e712";
}
.entypo-reply-all:before {
content : "\e713";
}
.entypo-forward:before {
content : "\27a6";
}
.entypo-quote:before {
content : "\275e";
}
.entypo-code:before {
content : "\e714";
}
.entypo-export:before {
content : "\e715";
}
.entypo-pencil:before {
content : "\270e";
}
.entypo-feather:before {
content : "\2712";
}
.entypo-print:before {
content : "\e716";
}
.entypo-retweet:before {
content : "\e717";
}
.entypo-keyboard:before {
content : "\2328";
}
.entypo-comment:before {
content : "\e718";
}
.entypo-chat:before {
content : "\e720";
}
.entypo-bell:before {
content : "\1f514";
}
.entypo-attention:before {
content : "\26a0";
}
.entypo-alert:before {
content : "\1f4a5'";
}
.entypo-vcard:before {
content : "\e722";
}
.entypo-address:before {
content : "\e723";
}
.entypo-location:before {
content : "\e724";
}
.entypo-map:before {
content : "\e727";
}
.entypo-direction:before {
content : "\27a2";
}
.entypo-compass:before {
content : "\e728";
}
.entypo-cup:before {
content : "\2615";
}
.entypo-trash:before {
content : "\e729";
}
.entypo-doc:before {
content : "\e730";
}
.entypo-docs:before {
content : "\e736";
}
.entypo-doc-landscape:before {
content : "\e737";
}
.entypo-doc-text:before {
content : "\1f4c4";
}
.entypo-doc-text-inv:before {
content : "\e731";
}
.entypo-newspaper:before {
content : "\1f4f0";
}
.entypo-book-open:before {
content : "\1f4d6";
}
.entypo-book:before {
content : "\1f4d5";
}
.entypo-folder:before {
content : "\1f4c1";
}
.entypo-archive:before {
content : "\e738";
}
.entypo-box:before {
content : "\1f4e6";
}
.entypo-rss:before {
content : "\e73a";
}
.entypo-phone:before {
content : "\1f4dE";
}
.entypo-cog:before {
content : "\2699";
}
.entypo-tools:before {
content : "\2692";
}
.entypo-share:before {
content : "\e73c";
}
.entypo-shareable:before {
content : "\e73e";
}
.entypo-basket:before {
content : "\e73d";
}
.entypo-bag:before {
content : "\1f45c'";
}
.entypo-calendar:before {
content : "\1f4c5";
}
.entypo-login:before {
content : "\e740";
}
.entypo-logout:before {
content : "\e741";
}
.entypo-mic:before {
content : "\1f3a4";
}
.entypo-mute:before {
content : "\1f507";
}
.entypo-sound:before {
content : "\1f50a";
}
.entypo-volume:before {
content : "\e742";
}
.entypo-clock:before {
content : "\1f554";
}
.entypo-hourglass:before {
content : "\23f3";
}
.entypo-lamp:before {
content : "\1f4a1";
}
.entypo-light-down:before {
content : "\1f505";
}
.entypo-light-up:before {
content : "\1f506";
}
.entypo-adjust:before {
content : "\25d1";
}
.entypo-block:before {
content : "\1f6ab";
}
.entypo-resize-full:before {
content : "\e744";
}
.entypo-resize-small:before {
content : "\e746";
}
.entypo-popup:before {
content : "\e74c";
}
.entypo-publish:before {
content : "\e74d";
}
.entypo-window:before {
content : "\e74e";
}
.entypo-arrow-combo:before {
content : "\e74f";
}
.entypo-down-circled:before {
content : "\e758";
}
.entypo-left-circled:before {
content : "\e759";
}
.entypo-right-circled:before {
content : "\e75a";
}
.entypo-up-circled:before {
content : "\e75b";
}
.entypo-down-open:before {
content : "\e75c";
}
.entypo-left-open:before {
content : "\e75d";
}
.entypo-right-open:before {
content : "\e75e";
}
.entypo-up-open:before {
content : "\e75f";
}
.entypo-down-open-mini:before {
content : "\e760";
}
.entypo-left-open-mini:before {
content : "\e761";
}
.entypo-right-open-mini:before {
content : "\e762";
}
.entypo-up-open-mini:before {
content : "\e763";
}
.entypo-down-open-big:before {
content : "\e764";
}
.entypo-left-open-big:before {
content : "\e765";
}
.entypo-right-open-big:before {
content : "\e766";
}
.entypo-up-open-big:before {
content : "\e767";
}
.entypo-down:before {
content : "\2b07";
}
.entypo-left:before {
content : "\2b05";
}
.entypo-right:before {
content : "\27a1";
}
.entypo-up:before {
content : "\2b06";
}
.entypo-down-dir:before {
content : "\25be";
}
.entypo-left-dir:before {
content : "\25c2";
}
.entypo-right-dir:before {
content : "\25b8";
}
.entypo-up-dir:before {
content : "\25b4";
}
.entypo-down-bold:before {
content : "\e4b0";
}
.entypo-left-bold:before {
content : "\e4ad";
}
.entypo-right-bold:before {
content : "\e4ae";
}
.entypo-up-bold:before {
content : "\e4af";
}
.entypo-down-thin:before {
content : "\2193";
}
.entypo-left-thin:before {
content : "\2190";
}
.entypo-right-thin:before {
content : "\2192";
}
.entypo-up-thin:before {
content : "\2191";
}
.entypo-ccw:before {
content : "\27f2";
}
.entypo-cw:before {
content : "\27f3";
}
.entypo-arrows-ccw:before {
content : "\1f504";
}
.entypo-level-down:before {
content : "\21b3";
}
.entypo-level-up:before {
content : "\21b0";
}
.entypo-shuffle:before {
content : "\1f500";
}
.entypo-loop:before {
content : "\1f501";
}
.entypo-switch:before {
content : "\21c6";
}
.entypo-play:before {
content : "\25b6";
}
.entypo-stop:before {
content : "\25a0";
}
.entypo-pause:before {
content : "\2389";
}
.entypo-record:before {
content : "\26ab";
}
.entypo-to-end:before {
content : "\23ed";
}
.entypo-to-start:before {
content : "\23ee";
}
.entypo-fast-forward:before {
content : "\23e9";
}
.entypo-fast-backward:before {
content : "\23ea";
}
.entypo-progress-0:before {
content : "\e768";
}
.entypo-progress-1:before {
content : "\e769";
}
.entypo-progress-2:before {
content : "\e76a";
}
.entypo-progress-3:before {
content : "\e76b";
}
.entypo-target:before {
content : "\1f3af";
}
.entypo-palette:before {
content : "\1f3a8";
}
.entypo-list:before {
content : "\e005";
}
.entypo-list-add:before {
content : "\e003";
}
.entypo-signal:before {
content : "\1f4f6";
}
.entypo-trophy:before {
content : "\1f3c6";
}
.entypo-battery:before {
content : "\1f50b";
}
.entypo-back-in-time:before {
content : "\e771";
}
.entypo-monitor:before {
content : "\1f4bb";
}
.entypo-mobile:before {
content : "\1f4f1";
}
.entypo-network:before {
content : "\e776";
}
.entypo-cd:before {
content : "\1f4bf";
}
.entypo-inbox:before {
content : "\e777";
}
.entypo-install:before {
content : "\e778";
}
.entypo-globe:before {
content : "\1f30e";
}
.entypo-cloud:before {
content : "\2601";
}
.entypo-cloud-thunder:before {
content : "\26c8";
}
.entypo-flash:before {
content : "\26a1";
}
.entypo-moon:before {
content : "\263d";
}
.entypo-flight:before {
content : "\2708";
}
.entypo-paper-plane:before {
content : "\e79b";
}
.entypo-leaf:before {
content : "\1f342";
}
.entypo-lifebuoy:before {
content : "\e788";
}
.entypo-mouse:before {
content : "\e789";
}
.entypo-briefcase:before {
content : "\1f4bc";
}
.entypo-suitcase:before {
content : "\e78e";
}
.entypo-dot:before {
content : "\e78b";
}
.entypo-dot-2:before {
content : "\e78c";
}
.entypo-dot-3:before {
content : "\e78d";
}
.entypo-brush:before {
content : "\e79a";
}
.entypo-magnet:before {
content : "\e7a1";
}
.entypo-infinity:before {
content : "\221e";
}
.entypo-erase:before {
content : "\232b";
}
.entypo-chart-pie:before {
content : "\e751";
}
.entypo-chart-line:before {
content : "\1f4c8";
}
.entypo-chart-bar:before {
content : "\1f4ca";
}
.entypo-chart-area:before {
content : "\1f53e";
}
.entypo-tape:before {
content : "\2707";
}
.entypo-graduation-cap:before {
content : "\1f393";
}
.entypo-language:before {
content : "\e752";
}
.entypo-ticket:before {
content : "\1f3ab";
}
.entypo-water:before {
content : "\1f4a6";
}
.entypo-droplet:before {
content : "\1f4a7";
}
.entypo-air:before {
content : "\e753";
}
.entypo-credit-card:before {
content : "\1f4b3";
}
.entypo-floppy:before {
content : "\1f4be";
}
.entypo-clipboard:before {
content : "\1f4cb";
}
.entypo-megaphone:before {
content : "\1f4e3";
}
.entypo-database:before {
content : "\e754";
}
.entypo-drive:before {
content : "\e755";
}
.entypo-bucket:before {
content : "\e756";
}
.entypo-thermometer:before {
content : "\e757";
}
.entypo-key:before {
content : "\1f511";
}
.entypo-flow-cascade:before {
content : "\e790";
}
.entypo-flow-branch:before {
content : "\e791";
}
.entypo-flow-tree:before {
content : "\e792";
}
.entypo-flow-line:before {
content : "\e793";
}
.entypo-flow-parallel:before {
content : "\e794";
}
.entypo-rocket:before {
content : "\1f680";
}
.entypo-gauge:before {
content : "\e7a2";
}
.entypo-traffic-cone:before {
content : "\e7a3";
}
.entypo-cc:before {
content : "\e7a5";
}
.entypo-cc-by:before {
content : "\e7a6";
}
.entypo-cc-nc:before {
content : "\e7a7";
}
.entypo-cc-nc-eu:before {
content : "\e7a8";
}
.entypo-cc-nc-jp:before {
content : "\e7a9";
}
.entypo-cc-sa:before {
content : "\e7aa";
}
.entypo-cc-nd:before {
content : "\e7ab";
}
.entypo-cc-pd:before {
content : "\e7ac";
}
.entypo-cc-zero:before {
content : "\e7ad";
}
.entypo-cc-share:before {
content : "\e7ae";
}
.entypo-cc-remix:before {
content : "\e7af";
}
.entypo-github:before {
content : "\f300";
}
.entypo-github-circled:before {
content : "\f301";
}
.entypo-flickr:before {
content : "\f303";
}
.entypo-flickr-circled:before {
content : "\f304";
}
.entypo-vimeo:before {
content : "\f306";
}
.entypo-vimeo-circled:before {
content : "\f307";
}
.entypo-twitter:before {
content : "\f309";
}
.entypo-twitter-circled:before {
content : "\f30a";
}
.entypo-facebook:before {
content : "\f30c";
}
.entypo-facebook-circled:before {
content : "\f30d";
}
.entypo-facebook-squared:before {
content : "\f30e";
}
.entypo-gplus:before {
content : "\f30f";
}
.entypo-gplus-circled:before {
content : "\f310";
}
.entypo-pinterest:before {
content : "\f312";
}
.entypo-pinterest-circled:before {
content : "\f313";
}
.entypo-tumblr:before {
content : "\f315";
}
.entypo-tumblr-circled:before {
content : "\f316";
}
.entypo-linkedin:before {
content : "\f318";
}
.entypo-linkedin-circled:before {
content : "\f319";
}
.entypo-dribbble:before {
content : "\f31b";
}
.entypo-dribbble-circled:before {
content : "\f31c";
}
.entypo-stumbleupon:before {
content : "\f31e";
}
.entypo-stumbleupon-circled:before {
content : "\f31f";
}
.entypo-lastfm:before {
content : "\f321";
}
.entypo-lastfm-circled:before {
content : "\f322";
}
.entypo-rdio:before {
content : "\f324";
}
.entypo-rdio-circled:before {
content : "\f325";
}
.entypo-spotify:before {
content : "\f327";
}
.entypo-spotify-circled:before {
content : "\f328";
}
.entypo-qq:before {
content : "\f32a";
}
.entypo-instagrem:before {
content : "\f32d";
}
.entypo-dropbox:before {
content : "\f330";
}
.entypo-evernote:before {
content : "\f333";
}
.entypo-flattr:before {
content : "\f336";
}
.entypo-skype:before {
content : "\f339";
}
.entypo-skype-circled:before {
content : "\f33a";
}
.entypo-renren:before {
content : "\f33c";
}
.entypo-sina-weibo:before {
content : "\f33f";
}
.entypo-paypal:before {
content : "\f342";
}
.entypo-picasa:before {
content : "\f345";
}
.entypo-soundcloud:before {
content : "\f348";
}
.entypo-mixi:before {
content : "\f34b";
}
.entypo-behance:before {
content : "\f34e";
}
.entypo-google-circles:before {
content : "\f351";
}
.entypo-vkontakte:before {
content : "\f354";
}
.entypo-smashing:before {
content : "\f357";
}
.entypo-sweden:before {
content : "\f601";
}
.entypo-db-shape:before {
content : "\f600";
}
.entypo-logo-db:before {
content : "\f603";
}
.wrapper {
float : left;
}
.social {
display : inline-block;
width : 35px;
height : 35px;
margin : 0 2px;
line-height : 37px;
font-family : Entypo;
font-size : 18px;
text-align : center;
color : #555;
border-radius : 10px;
background : #eee;
overflow : hidden;
cursor : pointer;
transition : all 0.3s ease-out, all 0.3s ease-out;
border-radius : 360px;
}
.social:first-child {
margin-left : 0 !important ;
}
.social:hover {
background-color : #0078ae;
color : #fff;
}
.portfolio2 {
float : right;
color : #fff;
margin : 7px 0 0 0;
}
.portfolio2 a {
margin-right : 10px;
padding : 8px 20px;
font-size : 14px;
background-color : #fff;
border-radius : 5px;
text-decoration : none;
color : #333;
font-family : roblack;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.portfolio2 a:hover {
background-color : #0078ae;
color : #fff;
}
.footer-sec {
width : 100%;
float : left;
text-align : center;
font-family : robotothin;
margin-bottom : 35px;
color : #798185;
padding : 15px 0;
background : url(../images/footer-bg.png) repeat;
}
.footer {
float : left;
text-align : center;
}
.footer a {
padding : 0 10px;
font-size : 14px;
text-decoration : none;
font-family : roboto;
color : #798185;
text-transform : uppercase;
}
.footer a:hover {
text-decoration : underline;
}
.footer p {
font-size : 14px;
margin : 10px 0 0 0;
font-family : rolight;
}
.footer p a {
text-decoration : none;
text-transform : capitalize !important ;
}
.footer p a:hover {
text-decoration : underline;
}
.title-sec {
width : 100%;
float : left;
}
.title {
float : left;
width : 100%;
border-bottom : 1px dashed #BBB;
}
.title h1 {
margin : 0;
font-size : 32px;
color : #0065A0;
padding : 12px 0 3px 0;
}
.title h1 span {
font-family : roboto !important ;
}
.cms-sec {
width : 100%;
float : left;
display : block;
clear : both;
margin : 0 0 25px 0;
}
.portfolio-sec {
width : 100%;
float : left;
display : block;
background-color:#363d41;
clear : both;
padding : 20px 0 40px 0 !important;
}
.gall {
    float: left;
    background-color: #fff;
    margin-top: 25px;
}
.gall img{
float:left;
width:100%;
margin-bottom:10px;
}
.gall img:hover{
opacity: 0.6;
}
.gall h2 {
    font-size: 18px !important;
    color: #444 !important;
    margin: 0px 0 5px 0;
    text-align: center !important;
}
.gall p{
font-size: 16px;
    color: #666;
    margin: 0 0 5px 0;
	padding-bottom:10px;
}

.topic-hd {
    width: 100%;
    border-left: 5px #fff solid;
    clear: both;
    display: inline-block;
    float: left;
    border-bottom: 1px #eee dashed;
    font-size: 18px;
    color: #fff;
    padding-bottom: 8px;
    margin-bottom: -5px;
    line-height: 17px;
}

.right-tabing {
margin-top : 20px;
}
.why-choose {
width : 100%;
display : block;
background-color : #FCFCFC;
position : relative;
margin : -26px 0 0;
}
.why-choose h2 {
padding : 10px 0;
color : #fff;
background-color : #0065A0;
text-indent : 15px;
font-size : 20px;
}
.why-choose span {
position : absolute;
top : 42px;
left : 20px;
background : url(../images/choose-arrow.png) no-repeat;
width : 50%;
margin : 0;
height : 17px;
z-index : 99;
}
.why-choose ul {
margin : 30px 0 0;
padding : 0;
}
.why-choose ul li {
margin : 0 0 12px;
padding : 0 0 8px;
background : url(../images/right-arrow.png) 8px 4px no-repeat;
font-size : 15px;
border-bottom : 1px dotted #DBDBDB;
list-style : none;
text-indent : 30px;
}
.why-choose ul li a {
text-decoration : none;
color : #333;
}
.why-choose ul li a:hover {
text-decoration : none;
color : #555;
}
.support {
float : left;
margin : 20px 0;
position : relative;
}
.support h2 {
margin : 0 0 0 16%;
font-size : 24px;
color : #373737;
}
.support img {
width : 100%;
height : auto;
}
.support-txt {
position : absolute;
font-size : 18px;
color : #FFF;
line-height : 25px;
top : 51px;
left : 10px;
}
.about-sec {
float : left;
margin : 10px 0 15px 0;
}
.about-sec h2 {
font-size : 22px;
color : #1E6C9B;
margin : 10px 0 0 0;
padding-bottom : 5px;
}
.about-sec h2 img {
width : 35%;
float : right;
margin-left : 30px;
}
.about-sec h2:first-child {
margin : 0 !important ;
}
.about-sec h2 a {
text-decoration : none;
color : #333;
}
.about-sec h2 a:hover {
text-decoration : underline;
}
.about-sec h3 {
font-size : 22px;
color : #1E6C9B;
margin : 0 0 10px 0;
padding-bottom : 5px;
}
.about-sec p {
font-size : 14px;
color : #333;
margin : 0 0 15px 0;
text-align : justify;
line-height : 22px;
}
.about-sec p a {
color : #555;
}
.about-sec p img {
float : right;
width : 32%;
height : auto;
margin : 0 0 20px 40px;
}
.about-sec span {
font-size : 14px;
color : #0065A0;
font-weight : 500;
}
.about-sec span a {
text-decoration : none;
color : #fff;
}
.about-sec ul {
list-style-image : none;
margin : 10px 0;
}
.about-sec ul li {
color : #333;
line-height : 22px;
font-size : 14px;
}
.sepport {
margin-bottom : 2% !important ;
border-bottom : 1px dotted #ccc;
padding-bottom : 2%;
}
.sepport h2 {
font-size : 22px;
color : #444;
}
.sepport p span {
font-size : 22px;
color : #0065A0;
display : block;
}
.sepport img {
float : left !important ;
width : 45% !important ;
margin : 0 3% 0 0 !important ;
}
.sepport span {
float : left;
}
.port {
float : left;
border-left : 3px solid #333;
border-right : 3px solid #333;
border-top : 3px solid #333;
border-bottom : 3px solid #333;
}
.port img {
width : 100%;
height : auto;
border : none;
margin : 0 0 -5px 0;
}
.caption-style-4 {
list-style-type : none;
margin : 0;
padding : 0;
}
.caption-style-4 li {
width : 100%;
float : left;
padding : 0;
position : relative;
overflow : hidden;
}
.caption-style-4 li:hover .caption {
opacity : 1;
}
.caption-style-4 li:hover img {
opacity : 1;
transform : scale(1.15,1.15);
}
.caption-style-4 img {
margin : 0;
padding : 0;
float : left;
z-index : 4;
}
.caption-style-4 .caption {
cursor : pointer;
position : absolute;
opacity : 0;
transition : all 0.45s ease-in-out;
}
.caption-style-4 img {
transition : all 0.25s ease-in-out;
}
.caption-style-4 .blur {
background-color : rgba(0, 0, 0, 0.65);
height : 500px;
width : 768px;
z-index : 5;
position : absolute;
}
.caption-style-4 .caption-text h1 {
text-transform : uppercase;
font-size : 24px;
}
.caption-style-4 .caption-text {
z-index : 10;
color : #fff;
position : absolute;
width : 333px;
height : auto;
text-align : center;
top : 100px;
}
ul.nav-menu {
padding : 0;
margin : 0;
list-style-type : none;
width : 100%;
margin : 60px auto;
}
ul.nav-menu li {
display : inline;
margin-right : 10px;
padding : 10px;
border : #ddd solid 1px;
}
ul.nav-menu li a {
color : #eee;
text-decoration : none;
text-transform : uppercase;
}
ul.nav-menu li a:hover, ul.nav-menu li a.active {
color : #2c3e50;
}
.content {
margin-top : 100px;
margin-left : 100px;
width : 100%;
height : auto;
}
.content h1, .content h2 {
font-family : "Source Sans Pro", sans-serif;
color : #ecf0f1;
padding : 0;
margin : 0;
font-weight : normal;
}
.content h1 {
font-weight : 900;
font-size : 64px;
}
.content h2 {
font-size : 26px;
}
.content p {
color : #ecf0f1;
font-family : "Lato";
line-height : 28px;
font-size : 15px;
padding-top : 50px;
}
p.credit {
padding-top : 20px;
font-size : 12px;
}
p a {
color : #ecf0f1;
}
.testimonial {
width : 48%;
margin : 1% 1%;
background-color : #fafafa;
float : left;
border : #e8e8e8 solid 1px;
border-radius : 5px;
padding : 10px;
}
.testimonial h2 {
width : 100%;
margin : 0;
padding : 5px 0;
text-align : center;
color : #165E7F;
font-size : 22px;
font-family : square;
}
.testimonial p {
width : 100%;
margin : 0;
padding : 5px 0;
text-align : left;
font-size : 14px;
margin-bottom : 10px;
word-spacing : normal;
color : #555;
line-height : 21px;
}
.testimonial h3 {
margin : 20px 0 0 0;
padding : 5px 0;
color : #666;
font-size : 14px;
}
.testimonial h3 img {
float : left;
margin-right : 20px;
}
.testimonial span {
margin : 0;
padding : 5px 0;
color : #666;
font-size : 15px;
line-height : 22px;
font-family : robotothin;
}
.testimonial span a {
margin : 0;
color : #666;
text-decoration : none;
display : block;
}
.testimonial span a:hover {
text-decoration : underline;
}
.contact-sec {
width : 100%;
float : left;
margin : 0 0 20px 0;
}
.message {
float : left;
}
.message p {
font-size : 14px;
color : #727272;
line-height : 20px;
margin-bottom : 10px;
}
.message p span {
color : #555;
font-size : 15px;
font-weight : normal;
}
.send-sec {
float : left;
margin-top : 20px;
width : 100%;
}
.send {
width : 100%;
float : left;
color : #333;
font-size : 32px;
margin-bottom : 12px;
}
.sender-mailer {
float : left;
width : 48%;
margin : 0 2% 4% 0;
}
.sender-mailer-right {
float : left;
width : 48%;
margin : 0 0 4% 2%;
}
.sender-mailer2 {
float : left;
width : 100%;
margin : 0 0 4% 0;
}
.sender-txt {
float : left;
width : 100%;
font-size : 15px;
color : #555;
margin-bottom : 3px;
}
.input-user {
width : 100%;
padding : 10px;
background : url(../images/user.png) 11px 11px no-repeat;
float : left;
color : #555;
font-size : 14px;
text-indent : 22px;
margin : 0;
outline : none;
border : #ddd solid 1px;
border-radius : 3px;
}
.input-email {
width : 100%;
padding : 10px;
background : url(../images/email.png) 11px 11px no-repeat;
float : left;
color : #555;
font-size : 14px;
text-indent : 22px;
margin : 0;
outline : none;
border : #ddd solid 1px;
border-radius : 3px;
}
.input-subject {
width : 100%;
padding : 10px;
background : url(../images/subject.png) 11px 11px no-repeat;
float : left;
color : #555;
font-size : 14px;
text-indent : 22px;
margin : 0;
outline : none;
border : #ddd solid 1px;
border-radius : 3px;
}
.input-message {
width : 100%;
height : 100px;
padding : 10px;
background : url(../images/message.png) 11px 11px no-repeat;
float : left;
color : #555;
font-size : 14px;
text-indent : 22px;
margin : 0;
outline : none;
border : #ddd solid 1px;
border-radius : 3px;
}
.input-submit {
padding : 8px 40px;
background-color : #0065a0;
border : #0065a0 solid 3px;
color : #fff;
font-size : 22px;
cursor : pointer;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.input-submit:hover {
background-color : #fff;
border : #0065a0 solid 3px;
color : #333;
}
.info {
margin : 0;
}
.info h2 {
font-size : 22px;
color : #333;
margin : 0 0 15px 0;
}
.info h3 {
font-size : 17px;
font-weight : normal !important ;
color : #555;
line-height : 20px;
margin : 0 0 2px 0;
}
.info p {
font-size : 13px;
margin : 0 0 15px 0;
color : #727276;
line-height : 20px;
}
.career {
width : 100%;
display : block;
clear : both;
float : left;
padding : 0 20px 20px 20px;
margin-bottom : 22px;
border : #ccc solid 1px;
background-color : #fafafa;
display : block;
clear : both;
border-radius : 5px;
}
.career h2 {
font-size : 22px;
margin-bottom : 15px;
padding-bottom : 5px;
color : #0066A1;
border-bottom : 1px dashed #DBDBDB;
}
.career h2 span {
color : #333;
}
.career h3 {
font-size : 17px;
margin : 30px 0 5px 0;
color : #444;
}
.career p {
font-size : 13.5px;
text-align : justify;
color : #777;
line-height : 22px;
margin : 0;
}
.career p img {
width : 15%;
height : auto;
float : right;
}
.career p span {
width : 45%;
float : left;
color : #0066A1;
font-size : 17px;
}
.career-pic {
float : right;
}
.career-pic img {
width : 100%;
height : auto;
}
.testimonial-vcard {
display : table;
margin : 20px 0 0;
overflow : hidden;
}
.testimonial-vcard img {
float : left;
}
.wf-td {
float : left;
display : table-cell;
vertical-align : middle;
margin : 10px 0 0 20px;
}
.wf-td h2 {
color : #3a3a3a;
font-size : 17px;
border : none !important ;
margin : 0;
}
.wf-td P {
color : #444;
font-size : 14px;
margin : 0;
}
.ch-item {
border-radius : 50%;
position : relative;
box-shadow : 0 1px 2px rgba(0, 0, 0, 0.1);
cursor : default;
}
.ch-info-wrap, .ch-info {
position : absolute;
width : 180px;
height : 180px;
border-radius : 50%;
transition : all 0.4s ease-in-out;
perspective : 800px;
}
.ch-info-wrap {
top : 20px;
left : 20px;
background : url(../images/bg.jpg) #f9f9f9;
box-shadow : 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 3px rgba(115, 114, 23, 0.8) inset;
}
.ch-info {
transform-style : preserve-3d;
}
.ch-info > div {
display : block;
position : absolute;
width : 100%;
height : 100%;
border-radius : 50%;
background-position : center center;
transition : all 0.6s ease-in-out;
}
.ch-info .ch-info-front {
transform-origin : 50% 100%;
z-index : 100;
box-shadow : 2px 1px 4px rgba(0, 0, 0, 0.1) inset;
}
.ch-info .ch-info-back {
background : rgba(230, 132, 107, 0);
}
.ch-img-1 {
background-image : url(../images/design.png);
}
.ch-img-2 {
background-image : url(../images/development.png);
}
.ch-img-3 {
background-image : url(../images/marketing.png);
}
.ch-img-4 {
background-image : url(../images/conversion.png);
}
.ch-info h3 {
color : #fff;
text-transform : uppercase;
letter-spacing : 2px;
font-size : 14px;
margin : 0 25px;
padding : 40px 0 0 0;
height : 90px;
font-family : 'Open Sans', Arial, sans-serif;
text-shadow : 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ch-info p {
color : #fff;
padding : 10px 5px;
font-style : italic;
margin : 0 30px;
font-size : 12px;
border-top : 1px solid rgba(255, 255, 255, 0.5);
}
.ch-info p a {
display : block;
color : #fff;
color : rgba(255, 255, 255, 0.7);
font-style : normal;
font-weight : 700;
text-transform : uppercase;
font-size : 9px;
letter-spacing : 1px;
padding-top : 4px;
font-family : 'Open Sans', Arial, sans-serif;
}
.ch-info p a:hover {
color : #fff222;
color : rgba(255, 242, 34, 0.8);
}
.ch-item:hover .ch-info-front {
transform : rotate3d(1,0,0,-180deg);
box-shadow : 0 0 5px rgba(255, 255, 255, 0.2) inset, 0 0 3px rgba(0, 0, 0, 0.3) inset;
}
.ch-item:hover .ch-info-back {
background-color : #0065a0;
}
.ch-grid {
margin : 20px 0 0 0;
padding : 0;
list-style : none;
display : block;
text-align : center;
width : 100%;
}
.ch-grid:after, .ch-item:before {
content : '';
display : table;
}
.ch-grid:after {
clear : both;
}
.ch-grid li {
width : 222px;
height : 220px;
display : inline-block;
margin : 20px 0;
}
.meet-sec {
width : 100%;
float : left;
background : url(../images/subscribe.png) repeat;
padding : 7px 0;
color : #042B3C;
border-top : 1px solid #042B3C;
position : fixed;
font-weight : 600;
bottom : 0;
z-index : 9999999;
}
.meet {
float : left;
}
.meet a {
text-decoration : none;
color : #042B3C;
}
.meet a:hover {
text-decoration : underline;
}
.meet img {
float : left;
margin-right : 12px;
}
.fwp {
width : 100%;
float : left;
margin : 0 0 -4px 0;
}
.fwp img {
width : 100%;
height : auto;
}
.query-sec {
width : 100%;
float : left;
display : block;
clear : both;
margin : 25px 0 25px 0;
}
.contact {
float : left;
border-right : 1px solid #CCC;
padding-right : 70px;
}
.contact-input {
float : left;
width : 100%;
height : 46px;
font-size : 14px;
color : #878a8c;
font-style : italic;
padding : 0 24px 0 18px;
box-shadow : 1px 1px 3px #858585 inset;
border : #c1c1c1 solid 1px;
background : #fff;
background : linear-gradient(to top, #fbfbfb, #fff) #fff;
border-radius : 8px;
margin-bottom : 15px;
}
.contact-area {
float : left;
width : 100%;
height : 100px;
font-size : 14px;
color : #878a8c;
font-style : italic;
padding : 10px 24px 0 18px;
box-shadow : 1px 1px 3px #858585 inset;
border : #c1c1c1 solid 1px;
background : #fff;
background : linear-gradient(to top, #fbfbfb, #fff) #fff;
border-radius : 8px;
margin-bottom : 15px;
font-family : Georgia, "Times New Roman", Times, serif;
}
.contact form level {
float : left;
width : 100%;
}
.right-content-repeat-div-text {
font-size : 13px;
color : #000;
line-height : 22px;
}
.contact-submit {
position : relative;
left : -6px;
font-size : 26px;
color : #fff;
text-align : center;
display : block;
clear : both;
padding : 0 30px;
margin-left : 8px;
border : 0;
width : 181px;
height : 40px;
cursor : pointer;
background : 0 0 /100% 100% #217ec3;
background : linear-gradient(to bottom, #217ec3 0, #17598f 100%) 0 0 /100% 100%;
transition : all 0.4s linear;
}
.right-content-repeat-div-text {
font-size : 13px;
color : #000;
line-height : 22px;
}
.call-sec {
float : left;
margin : 0 0 30px 0;
padding-left : 5%;
}
.call-sec p {
color : #5A5A5A;
}
.call-box {
width : 100%;
display : block;
float : left;
}
.call-box img {
float : left;
margin-right : 10px;
margin-top : 23px;
}
.call-box h2 {
display : block;
font-size : 1.5em;
margin-bottom : 0 !important ;
font-weight : bold;
}
.call-box h3 {
float : left;
color : #5A5A5A;
font-size : 19px;
margin-bottom : 5px;
margin-left : 1px;
}
.call-box P {
width : 60%;
float : left;
color : #333;
font-size : 14px;
line-height : 24px;
text-align : justify;
margin : 0;
}
.call-box P b {
color : #333;
}
.call-box P span {
color : #333;
}
.captcha {
color : #777;
float : left;
font-size : 2.5em;
letter-spacing : 2px;
margin-left : 30px;
margin-top : -46px;
margin-bottom : 10px;
}
.cap {
width : 207px;
float : left;
}
.cap img {
float : left;
}
.cap span {
padding : 0 0 0 0;
}
.level {
width : 100%;
display : block;
float : left;
font-size : 12px;
color : #333;
}
.right-sec {
position : fixed;
right : 0;
top : 200px;
margin : 0;
padding : 0;
}
.left-sec {
position : fixed;
left : 0;
border : none;
z-index : 999;
top : 200px;
margin : 0;
padding : 0;
background : url(../images/plus.png) no-repeat;
}
.team-sec {
width : 100%;
float : left;
text-align : center;
display : block;
clear : both;
margin : 10px 0 25px 0;
}
.who-we-sec {
width : 100%;
float : left;
display : block;
clear : both;
margin : 20px 0;
}
.team-sec p {
font-size : 24px;
color : #0065A0;
margin : 0;
}
.team-sec p span {
font-size : 17px !important ;
color : #777 !important ;
margin : 0;
}
.team-circle {
width : 100px;
height : 100px;
text-align : center;
float : left;
border : #abc9ff solid 3px;
border-radius : 50%;
text-align : center;
margin : 20px 40px 30px 0;
}
.team-circle img {
margin-top : 17px;
}
.team-circle h2 {
font-size : 14px;
color : #666;
margin : 22px 0 0 0;
font-weight : normal;
}
.team-container-sec {
width : 100%;
float : left;
display : block;
clear : both;
}
.team-container-sec h2 {
font-size : 20px;
color : #0065A0;
font-weight : normal;
border-bottom : 1px dashed #BFBFBF;
padding-bottom : 5px;
margin-bottom : 40px;
text-align : left;
}
.team-container {
float : left;
border : #ddd solid 1px;
text-align : center;
background-color : #eee;
padding : 10px;
border-radius : 5px;
cursor : pointer;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.team-container:hover {
background-color : #E5EEFF;
}
.team-container img {
width : 200px;
height : 200px;
border-radius : 50%;
margin-top : -15%;
border : #fff solid 5px;
transition : all 0.3s ease-out, all 0.3s ease-out;
}
.team-container h2 {
color : #555;
font-size : 18px;
margin : 5px 0;
text-align : center;
}
.team-container h2 span {
color : #666;
font-size : 14px;
font-weight : normal;
display : block;
}
.team-container p {
color : #666;
font-size : 13px;
line-height : 20px;
text-align : center;
}
.ot-circle {
width : 100%;
float : left;
background-color : #F5F5F5;
padding : 20px;
border-bottom : 1px solid #ccc;
margin-bottom : 2%;
}
@media only screen and (min-width:992px) {
.mail {
width : 22.5% !important ;
}
.serve {
width : 14.2% !important ;
}
.solutions {
margin : 0 4px 8px 4px !important ;
width : 10% !important ;
height : 170px;
}
.ready {
margin-left : 22%;
}
.ready-req {
margin : 7% 0 0 21% !important ;
}
.circle-box {
width : 110px !important ;
height : 110px !important ;
margin : 0 10px 20px 10px !important ;
}
.call {
width : 26% !important ;
}
.team-container {
margin : 0 1% 4% 1%;
width : 23%;
}
}
@media only screen and (max-width:992px) {
.team-container {
width : 48%;
margin : 0 1% 8% 1% !important ;
}
}
@media only screen and (max-width:768px) {
.logo {
margin : 0 !important ;
}
.solutions {
height : 150px !important ;
}
.serve-sec {
background-image : none !important ;
}
.tn-inner {
margin-bottom : 20px;
}
.affordable img {
width : 100%;
height : auto;
}
.ready-req a {
padding : 7px 20px;
font-size : 20px;
}
.jetmenu li {
border-bottom : 1px solid #666;
border-radius : 5px;
}
.meet {
margin : 5px 0;
}
.footer-sec {
margin-bottom : 110px;
}
.jetmenu > li.showhide span.icon {
margin : -19px 20px !important ;
}
.title {
border-bottom : none !important ;
}
.map {
display : none;
}
.slider-sec {
position : inherit !important ;
height : 97px;
}
.menu-sec {
margin : -58px 0 0 0 !important ;
padding-right : 15px !important ;
}
.menu-sec {
margin : 0 !important ;
padding-right : 0 !important ;
position : absolute;
right : 26px;
top : 19px;
}
.mail {
width : 100% !important ;
margin-bottom : 10px;
text-align : center;
background-image : none !important ;
}
.call {
width : 100% !important ;
text-align : center;
background-image : none !important ;
}
.meet-sec {
position : inherit !important ;
}
.footer-sec {
margin-bottom : 0 !important ;
}
.portfolio {
margin : 7px 0 14px 0 !important ;
}
.location {
width : 100% !important ;
}
.testimonial {
width : 94% !important ;
margin : 1% 3% !important ;
}
.career {
width : 94% !important ;
margin : 1% 3% !important ;
}
.team-container {
margin-bottom : 10% !important ;
}
.team-container-sec h2 {
text-align : center;
}
}
@media only screen and (max-width:480px) {
.circle-box {
width : 105px !important ;
height : 105px !important ;
margin : 5px;
}
.meet-sec {
position : inherit !important ;
}
.footer-sec {
margin-bottom : 0 !important ;
}
.ch-grid li {
margin : 0 !important ;
}
.team-container {
width : 100%;
margin-bottom : 17% !important ;
}
}