/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('../fonts/sourcesanspro-light-webfont.eot');
    src: url('../fonts/sourcesanspro-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'Raleway-Light';
    src: url('../fonts/Raleway-Light_gdi.eot');
    src: url('../fonts/Raleway-Light_gdid41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Light_gdi.woff') format('woff'),
        url('../fonts/Raleway-Light_gdi.ttf') format('truetype'),
        url('../fonts/Raleway-Light_gdi.svg#Raleway-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-2212;
}
@font-face {
    font-family:'Raleway-Regular';
    src: url('../fonts/Raleway_gdi.eot');
    src: url('../fonts/Raleway_gdid41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway_gdi.woff') format('woff'),
        url('../fonts/Raleway_gdi.ttf') format('truetype'),
        url('../fonts/Raleway_gdi.svg#Raleway-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB06;
}

@font-face {
    font-family:'Raleway-Bold';
    src: url('../fonts/Raleway-Bold_gdi.eot');
    src: url('../fonts/Raleway-Bold_gdid41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Bold_gdi.woff') format('woff'),
        url('../fonts/Raleway-Bold_gdi.ttf') format('truetype'),
        url('../fonts/Raleway-Bold_gdi.svg#Raleway-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FB06;
}
@font-face {
    font-family: 'latoheavy';
    src: url('../fonts/lato-heavy-webfont.eot');
    src: url('../fonts/lato-heavy-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-heavy-webfont.woff2') format('woff2'),
         url('../fonts/lato-heavy-webfont.woff') format('woff'),
         url('../fonts/lato-heavy-webfont.ttf') format('truetype'),
         url('../fonts/lato-heavy-webfont.svg#latoheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_serifitalic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-italic-webfont.woff2') format('woff2'),
         url('../fonts/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jenna_sueregular';
    src: url('../fonts/jennasue-webfont.eot');
    src: url('../fonts/jennasue-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jennasue-webfont.woff2') format('woff2'),
         url('../fonts/jennasue-webfont.woff') format('woff'),
         url('../fonts/jennasue-webfont.ttf') format('truetype'),
         url('../fonts/jennasue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
::-moz-selection{ background: #cae7fd; color:#4c4c4c; text-shadow: none; }
::selection { background:#cae7fd; color:#4c4c4c; text-shadow: none; } 




a {color:#fff; text-decoration:none; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms;
-o-transition:  color 300ms, background-color 300ms; transition:  color 300ms; background-color 300ms; }
a:hover {color:#000; text-decoration:none; transition:all 0.5s; }

img{max-width:100%;}

a:focus {outline:none; text-decoration: none; color: #FFF !important; }
ul{list-style: none;}
.clr {clear:both; }

h1 { margin:0; padding:0 0 10px; line-height: 109%; font-family:'latoheavy'; font-weight:normal; text-shadow: 2px 2px #746262;}
h2 { margin:0; padding:0 0 10px; font-family:'Raleway-Regular'; font-weight:normal; color: #2e2e2e;}
h2 span{font-family: 'Raleway-Bold';}
h3 { margin:0; padding:0 0 10px 0; line-height:120%; font-family:'source_sans_prolight'; font-weight:normal;}
h4 { margin:0; padding:0 0 10px 0; font-weight:normal;}

h5 { margin:0; padding:0 0 10px 0; font-size:29px; line-height:110%; font-family:'Raleway-Bold'; font-weight:normal;}
h6 { margin:0; padding:0 0 10px 0; font-size: 16px; line-height:120%; font-family:'source_sans_proregular'; font-weight:normal;}
h6 span{font-family: 'droid_serifitalic';}
p { margin:0; padding:0; font-size: 16px; font-family:'source_sans_prolight'; font-weight:normal; }

.light-hdng {margin:0; padding:0; font-size: 54px; font-family:'Raleway-Light'; font-weight:normal;}
/*-----------------font-size----------------*/
.cntr{text-align: center;}
.blck-fnt{color: #000;}
.wht-fnt{color: #fff;}
.fnt24{font-size: 24px;}
.fnt35{font-size: 31px;}
.fnt72{font-size: 54px;}
.fnt69{font-size: 69px;}
.fnt25{font-size: 25px;}
.fnt37{font-size: 37px;}
.fnt87{font-size: 87px;}
.fnt31{font-size: 31px;}
.fnt95{font-size: 95px;}
.fnt43{font-size: 43px;}
.fnt52{font-size: 52px;}
.fnt30{font-size: 30px;}
.fnt49{font-size: 49px;}

/*--------------------------------*/  
.scrollup {
  width: 45px;height: 45px;position: fixed;bottom: 10px;right: 4%;display: none;text-indent: -9999px;background: url('../images/top.png') no-repeat;
}


#layout-wrapper{margin:0; padding:0; width:100%; float:left;}
.main-area {width:1000px; margin:0 auto; padding:0;}
.nrml-row{margin: 0;}
.mdl-algn:after{margin: 0 auto; right: 0;}
.left-section{float: left; padding: 0;}
.right-section{float: right; padding: 0;}

header {margin:0;padding:0;float:left;width:100%; position:relative;

background: rgba(16,137,212,1);
background: -moz-linear-gradient(-45deg, rgba(16,137,212,1) 0%, rgba(1,144,201,1) 21%, rgba(0,180,212,1) 60%, rgba(0,180,212,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(16,137,212,1)), color-stop(21%, rgba(1,144,201,1)), color-stop(60%, rgba(0,180,212,1)), color-stop(100%, rgba(0,180,212,1)));
background: -webkit-linear-gradient(-45deg, rgba(16,137,212,1) 0%, rgba(1,144,201,1) 21%, rgba(0,180,212,1) 60%, rgba(0,180,212,1) 100%);
background: -o-linear-gradient(-45deg, rgba(16,137,212,1) 0%, rgba(1,144,201,1) 21%, rgba(0,180,212,1) 60%, rgba(0,180,212,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(16,137,212,1) 0%, rgba(1,144,201,1) 21%, rgba(0,180,212,1) 60%, rgba(0,180,212,1) 100%);
background: linear-gradient(135deg, rgba(16,137,212,1) 0%, rgba(1,144,201,1) 21%, rgba(0,180,212,1) 60%, rgba(0,180,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1089d4', endColorstr='#00b4d4', GradientType=1 );

} 
.top-hdr-hldr {background: rgba(255,255,255,0.4); padding: 10px 0; float: left; width: 100%;}
.hdr-postn-hldr{margin:0;padding: 0;float:left;width:100%; position:absolute; top:0; left:0; } 

ul.tp-btn-lst{padding:0; float:right; position: relative; z-index: 999; margin: 10px 0 0;}
ul.tp-btn-lst li{margin:0; padding:0; float:left; list-style:none; display:inline;}

a.qote-btn{background: #033767 none repeat scroll 0 0; border-radius: 32px; color: #fff; float: left; font-family: "source_sans_proregular"; font-size: 20px; line-height: 35px; margin: 0; padding: 0 32px; transition: all 1s ease 0s;}
a.qote-btn:hover{ background:#fff; color: #000;}
.res-banner, .bnr-res-show-caption{display: none;}

    
.top-nav-holder{margin:10px 0 0 0; padding:0; float:right;}         
.navbar-inverse{background:transparent; border-color:transparent; z-index: 9;}
.navbar-inverse .navbar-nav > li > a{ margin:0; padding:0 10px; font-size:18px; line-height:25px; font-family:'source_sans_proregular'; font-weight:normal; color:#fff; text-align:left; border:2px solid transparent; transition:all 0.5s;}
.navbar-inverse .navbar-nav > li > a:hover{ border:2px solid #fff; border-radius:15px;}
.navbar-inverse .navbar-nav > li > a.active{ border:2px solid #fff; border-radius:15px;}
.banner-holder{width:100%; margin:0; padding:0; float:left; text-align:center;}
.navbar{padding:0 !important; clear: both; margin: 0;}
.navbar-collapse{padding:0 !important; float:right;margin:15px 0 0 0;}
.res-menu{display: none !important;}
.nav.navbar-nav > li { margin: 0 5px 0 0;}

.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;}
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out;}
.navbar-inverse .navbar-toggle {border-color: #333;background-color: #222;}

.logo-holder { padding: 0 10px 0 0;}

/*-----------------------------------banner---------------------------------------------------*/

.banner-home{max-width: 100%;display: table; margin: 0 auto;}
.bnr-res-hide-caption{padding: 3% 0 0; width: 61%; float: left;}
a.bnr-cntct-btn{background: #f3b200; color: #fff; font-size: 23px; font-family: "source_sans_proregular"; padding: 12px 40px; transition:1s all; border-radius: 35px; float: left; margin: 1% 0 0; }
a.bnr-cntct-btn:hover{background: #000; box-shadow: 4px 4px 3px hsla(0, 0%, 0%, 0.3);}

/*---------------------------------------------blue-part-------------------------------------*/

section#blue-tm-archv-section{padding: 30px 0; margin: 0; float: left; width: 100%; background: #0b2363; position: relative; overflow: hidden;}
section#blue-tm-archv-section:before{border-right: 2px solid #fff; bottom: 0; content: ""; height: 450px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 5px;}
section#blue-tm-archv-section:after{background: #fff none repeat scroll 0 0; border-radius: 50%; bottom: -17px; content: ""; height: 32px; left: 4px; margin: 0 auto; position: absolute; right: 0; width: 32px;}

ul.team-client-details{padding: 0; margin: 0; width: 100%; float: left;}
ul.team-client-details li{width: 24%; margin: 0 10px 0 0; float: left; color: #fff; font-size: 27px; font-family: 'source_sans_prolight'; line-height: 26px;}
ul.team-client-details li span{font-family: 'source_sans_probold'; font-size: 37px;}
ul.team-client-details li span.round-img{ border: 2px solid #fff; border-radius: 50%; float: left; height: 75px; text-align: center; width: 75px; margin: 0 10px 0 0;}
ul.team-client-details li span.round-img img{width: 40px; height: auto; margin: 14px 0 0;}
ul.team-client-details li:nth-child(2){position: relative;}

ul.team-client-details li:nth-child(3){padding: 0 0 0 33px;}
ul.team-client-details li:nth-child(4){padding: 0 0 0 31px;}

/*-------------------------------------------who we are-------------------------------------------*/

section#who-we-are-section{padding: 30px 0; margin: 0; float: left; width: 100%;}
section#who-we-are-section h2{position: relative; padding: 0 0 30px;}
section#who-we-are-section h2:before{position: absolute; content: ''; background: url(../images/hdng-crve-img.png) no-repeat bottom center; width: 115px; height: 7px; bottom: 0; left: 0; right: 0; margin: 0 auto;}
section#who-we-are-section h3{padding: 3% 0;}
section#who-we-are-section p.pddng-bth{padding: 0 0 17px;}

a.dsscuss-bttn{background: #00a3f8; color: #fff; border-radius: 35px; padding: 15px 20px; font-family: "source_sans_proregular"; font-size: 14px; float: right; transition:1s all; margin: 0 20px 0 0;}
a.prtfolio-bttn{background: #0b2363; color: #fff; border-radius: 35px; padding: 15px 20px; font-family: "source_sans_proregular"; font-size: 14px; float: left; transition:1s all;}
a.dsscuss-bttn:hover{background: #2e2e2e; border-radius: 5px;}
a.prtfolio-bttn:hover{background: #2e2e2e; border-radius: 5px;}


/*-------------------------------------------benifits-------------------------------------------*/

section#benifits-section{padding: 30px 0; margin: 0; float: left; width: 100%;
background: rgba(0,153,255,1);
background: -moz-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(12,170,255,1) 25%, rgba(88,221,254,1) 78%, rgba(88,221,254,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,153,255,1)), color-stop(25%, rgba(12,170,255,1)), color-stop(78%, rgba(88,221,254,1)), color-stop(100%, rgba(88,221,254,1)));
background: -webkit-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(12,170,255,1) 25%, rgba(88,221,254,1) 78%, rgba(88,221,254,1) 100%);
background: -o-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(12,170,255,1) 25%, rgba(88,221,254,1) 78%, rgba(88,221,254,1) 100%);
background: -ms-linear-gradient(left, rgba(0,153,255,1) 0%, rgba(12,170,255,1) 25%, rgba(88,221,254,1) 78%, rgba(88,221,254,1) 100%);
background: linear-gradient(to right, rgba(0,153,255,1) 0%, rgba(12,170,255,1) 25%, rgba(88,221,254,1) 78%, rgba(88,221,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#58ddfe', GradientType=1 );}

ul.benfits-details{padding: 0; margin: 0; float: left; width: 100%;}
ul.benfits-details li{border: 1px solid #fff; border-radius: 50%; float: left; height: 300px; margin: 0 16px; position: relative; text-align: center; width: 300px; padding: 2%; transition: all 0.5s;}
ul.benfits-details li:after{background: rgba(255,255,255,0.3); height: 100%; width: 100%; left: 0; top: 0; position: absolute; content: '';  border-radius: 50%; opacity: 0; transition: all 0.5s;}
ul.benfits-details li:hover:after{ opacity: 1; height: 110%; width: 110%;  left: -5%; top: -5%; }
ul.benfits-details li img{margin: 0 0 10px;}
ul.benfits-details li h6{padding: 0 3%;}
ul.benfits-details li:first-child:before{border-top: 1px solid #fff; bottom: 135px; content: ""; height: 10px; right: -34px; position: absolute; width: 11%;}
ul.benfits-details li:nth-child(2):before{border-top: 1px solid #fff; bottom: 135px; content: ""; height: 10px; right: -34px; position: absolute; width: 11%;}


/*---------------------------------------------Goal section---------------------------------------*/

section#our-goal-section{padding: 30px 0; margin: 0; float: left; width: 100%; background: url(../images/yellow-glow-bkg.png) no-repeat right top/cover;}
section#our-goal-section .right-section{position: relative;}
section#our-goal-section .right-section:before{content: ''; width: 549px; height: 499px; position: absolute;  left: -65%;top: -28px; background: url(../images/tv.png) no-repeat left center;}
a.cntct-wht-bttn{background: #fff; font-size: 17px; font-family: "source_sans_proregular"; padding: 13px 40px; color: #000; border-radius: 35px; transition: 1s all; margin: 2% 0 0; clear: both; float: left; position: relative; z-index: 9;}
a.cntct-wht-bttn:hover{color: #fff; background: #000; border-radius: 5px; }

/*---------------------------------------------What We Do------------------------------------------------*/
section#what-we-do-section{ padding: 140px 0 30px; margin: 0; float: left; width: 100%;}
section#what-we-do-section h5{color: #525252; padding: 33px 0 20px;}
section#what-we-do-section p{font-size: 21px; padding: 20px 0; line-height: 25px;}
a.ylw-dsscss-bttn{font-family: "source_sans_prolight" ; font-size: 17px; color: #fff; background: #f3b200; transition: 1s all; padding: 15px 30px; border-radius: 35px; float: left; margin: 6% 0 0;}
a.ylw-dsscss-bttn:hover{color: #fff; background: #000; border-radius: 5px; }

.brdr-bttm{position: relative; padding: 0 0 30px;}
.brdr-bttm:after{position: absolute; content: ''; background: url(../images/hdng-crve-img.png) no-repeat bottom center; width: 115px; height: 7px; bottom: 0; left: 0; }
.brdr-lft{border-left: 1px solid #c4c4c4; padding: 0 0 0 50px;}

ul.rt-img-efcts-lst{margin: 29px 0 0; padding:0; float:left; width: 100%;}
ul.rt-img-efcts-lst li{margin:0 3px; padding:5px 0 0 5px; float:left; list-style:none; display:inline; font-size: 24px; line-height:100%; font-family:'Raleway-Regular'; font-weight:normal; color:#2d3e50; text-align:left; width: 79%;}
ul.rt-img-efcts-lst li span{margin:0 3px; padding:4px 0 0 0; float:left; list-style:none; display:inline; font-size: 40px; line-height:25px; font-family:'Raleway-Bold'; font-weight:normal; color:#4b4b4b; text-align:left;}
ul.rt-img-efcts-lst li p{font-size: 22px !important; clear: both; padding: 11px 0 !important;}

ul.rt-img-efcts-lst li.img-icon{float:left; margin:0; padding:0; height: 100px; width: 100px; text-align:center; line-height:72px; border: 1px solid #2e2e2e; border-radius:50%; transition:all 1s;}
ul.rt-img-efcts-lst li:hover.img-icon{float:left;  border-radius:50%; background:#2e2e2e;}

ul.rt-img-efcts-lst li.img-icon1{background:url('../images/why-us-icon-01.png') no-repeat scroll center;}
ul.rt-img-efcts-lst li.img-icon1:hover{background:#2e2e2e url('../images/why-us-icon-01-hover.png') no-repeat scroll center; border:3px solid #fff; padding:3px;position:relative; }
ul.rt-img-efcts-lst li.img-icon1:hover::before{border:3px solid #fff; padding:3px; position:absolute; content:''; top:4%; left:4.5%; width:92%; height:92%; margin:0;border-radius:50%;}

ul.rt-img-efcts-lst li.img-icon2{background:url('../images/why-us-icon-02.png') no-repeat scroll center;}
ul.rt-img-efcts-lst li.img-icon2:hover{background:#2e2e2e url('../images/why-us-icon-02-hover.png') no-repeat scroll center; border:3px solid #fff; padding:3px;position:relative; }
ul.rt-img-efcts-lst li.img-icon2:hover::before{border:3px solid #fff; padding:3px; position:absolute; content:''; top:4%; left:4.5%; width:92%; height:92%; margin:0;border-radius:50%;}

ul.rt-img-efcts-lst li.img-icon3{background:url('../images/why-us-icon-03.png') no-repeat scroll center;}
ul.rt-img-efcts-lst li.img-icon3:hover{background:#2e2e2e url('../images/why-us-icon-03-hover.png') no-repeat scroll center; border:3px solid #fff; padding:3px;position:relative; }
ul.rt-img-efcts-lst li.img-icon3:hover::before{border:3px solid #fff; padding:3px; position:absolute; content:''; top:4%; left:4.5%; width:92%; height:92%; margin:0;border-radius:50%;}

ul.rt-img-efcts-lst li.img-icon4{background:url('../images/why-us-icon-04.png') no-repeat scroll center;}
ul.rt-img-efcts-lst li.img-icon4:hover{background:#2e2e2e url('../images/why-us-icon-04-hover.png') no-repeat scroll center; border:3px solid #fff; padding:3px;position:relative; }
ul.rt-img-efcts-lst li.img-icon4:hover::before{border:3px solid #fff; padding:3px; position:absolute; content:''; top:4%; left:4.5%; width:92%; height:92%; margin:0;border-radius:50%;}

ul.rt-img-efcts-lst li.img-icon5{background:url('../images/why-us-icon-05.png') no-repeat scroll center;}
ul.rt-img-efcts-lst li.img-icon5:hover{background:#2e2e2e url('../images/why-us-icon-05-hover.png') no-repeat scroll center; border:3px solid #fff; padding:3px;position:relative; }
ul.rt-img-efcts-lst li.img-icon5:hover::before{border:3px solid #fff; padding:3px; position:absolute; content:''; top:4%; left:4.5%; width:92%; height:92%; margin:0;border-radius:50%;}

/*---------------------------------------------------Our Services-------------------------------------------------------*/

section#our-services{padding: 30px 0; margin: 0; float: left; width: 100%; 
background: rgba(27,47,77,1);
background: -moz-linear-gradient(-45deg, rgba(27,47,77,1) 0%, rgba(27,47,77,1) 18%, rgba(27,47,77,1) 40%, rgba(28,47,77,1) 44%, rgba(11,73,99,1) 68%, rgba(41,91,112,1) 82%, rgba(69,109,130,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(27,47,77,1)), color-stop(18%, rgba(27,47,77,1)), color-stop(40%, rgba(27,47,77,1)), color-stop(44%, rgba(28,47,77,1)), color-stop(68%, rgba(11,73,99,1)), color-stop(82%, rgba(41,91,112,1)), color-stop(100%, rgba(69,109,130,1)));
background: -webkit-linear-gradient(-45deg, rgba(27,47,77,1) 0%, rgba(27,47,77,1) 18%, rgba(27,47,77,1) 40%, rgba(28,47,77,1) 44%, rgba(11,73,99,1) 68%, rgba(41,91,112,1) 82%, rgba(69,109,130,1) 100%);
background: -o-linear-gradient(-45deg, rgba(27,47,77,1) 0%, rgba(27,47,77,1) 18%, rgba(27,47,77,1) 40%, rgba(28,47,77,1) 44%, rgba(11,73,99,1) 68%, rgba(41,91,112,1) 82%, rgba(69,109,130,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(27,47,77,1) 0%, rgba(27,47,77,1) 18%, rgba(27,47,77,1) 40%, rgba(28,47,77,1) 44%, rgba(11,73,99,1) 68%, rgba(41,91,112,1) 82%, rgba(69,109,130,1) 100%);
background: linear-gradient(135deg, rgba(27,47,77,1) 0%, rgba(27,47,77,1) 18%, rgba(27,47,77,1) 40%, rgba(28,47,77,1) 44%, rgba(11,73,99,1) 68%, rgba(41,91,112,1) 82%, rgba(69,109,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2f4d', endColorstr='#456d82', GradientType=1 );
}

section#our-services .left-area{ width: 50%; float: left;}
section#our-services .right-area{ width: 50%; float: right;}
.lft-smll-area{width: 509px; float: right;}
.rght-smll-area{width: 675px; float: left;}

ul.srvs-lst{margin: 48px 0 0; padding:0; float:left;}
ul.srvs-lst li{margin:0 3px; padding:5px 0 0 5px; float:left; list-style:none; display:inline; font-size:35px; line-height: 92%; font-family:'Raleway-Bold'; font-weight:normal; color:#fff; text-align:left; width:70%;  transition: 1s all;}
ul.srvs-lst li p{line-height: 22px;}
ul.srvs-lst li span{font-family:'Raleway-Regular'; font-size: 28px;}

ul.srvs-lst li.img-icon{float:left; margin:0; padding:0;  height:100px; width:100px; text-align:center; line-height:100px; border:1px solid #fff; border-radius:50%;  transition: 1s all;}

ul.srvs-lst li.img-icon span.rnd-crcl{ margin:2%; border-radius:50%; height:96%; width:96%; float:left; text-align:center; transition: 1s all; line-height: 3;}
ul.srvs-lst:hover li.img-icon span.rnd-crcl {border:3px double #fff; transition: 1s all;}


/*------------------------------------------------------View Our Portfolio---------------------------------------------*/
section#view-portfolio-section{padding: 60px 0 30px; margin: 0; float: left; background: #00a3f8; width: 100%; position: relative; overflow: hidden; text-align: center;}
section#view-portfolio-section:before{background: #223c58 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 25px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -11px; width: 25px;}
section#view-portfolio-section:after{background: #223c58 none repeat scroll 0 0; content: ""; height: 52px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 2px;}

a.vw-prtfolio-bttn{background: #0b2363; padding: 15px 40px; margin: 1% auto 0; transition: 1s all; border-radius: 35px; color: #fff; font-size: 21px; font-family: "source_sans_proregular"; display: table; }
a.vw-prtfolio-bttn:hover{background: #000; border-radius: 5px;}

/*---------------------------------------------------------Our Strength-----------------------------------------------*/
section#strength-section{position: relative; padding: 30px 0; margin: 0 0 6%; float: left; width: 100%; background: #fff; text-align: center;}

.catagory-name{bottom: 0;float: left;left: 0; margin: 10px auto 0;padding: 10px;position: absolute;
right: 0; width: 100%;
background: rgba(220,234,242,1);
background: -moz-linear-gradient(top, rgba(220,234,242,1) 0%, rgba(0,161,248,1) 61%, rgba(0,161,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,234,242,1)), color-stop(61%, rgba(0,161,248,1)), color-stop(100%, rgba(0,161,248,1)));
background: -webkit-linear-gradient(top, rgba(220,234,242,1) 0%, rgba(0,161,248,1) 61%, rgba(0,161,248,1) 100%);
background: -o-linear-gradient(top, rgba(220,234,242,1) 0%, rgba(0,161,248,1) 61%, rgba(0,161,248,1) 100%);
background: -ms-linear-gradient(top, rgba(220,234,242,1) 0%, rgba(0,161,248,1) 61%, rgba(0,161,248,1) 100%);
background: linear-gradient(to bottom, rgba(220,234,242,1) 0%, rgba(0,161,248,1) 61%, rgba(0,161,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceaf2', endColorstr='#00a1f8', GradientType=0 );
}

ul.grph-section{width: 100%; float: left; margin: 0; padding: 0; transform: rotate(-180deg); margin: 16% 0 0;}
ul.grph-section li{float: left; height: 310px; margin: 0 5px;  width: 19%;}

.chart{position: relative; min-height: 309px; width: 100%; float: left; transform: rotate(-360deg); background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #b5b5b5 12px, #b5b5b5 17px); }
.chart:after{ width: 100%; top: 0; position: absolute; content: '';  opacity: 0; transition: all 1s;
left: 0; right: 0; background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #01a3f8 12px, #01a3f8 17px); border-top: 10px solid #01a3f8; height: 0;}
.chart:hover:after{ opacity: 1; height: 100%; bottom: 0; height: 100%;}
ul.grph-section li:first-child .chart{background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #f3b200 12px, #f3b200 17px);}
ul.grph-section li:nth-child(8) .chart {/*min-height: 100px; */min-height: 50px;}
ul.grph-section li:nth-child(7) .chart {/*min-height: 227px;*/ background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #f3b200 12px, #f3b200 17px); min-height: 177px;}
ul.grph-section li:nth-child(6) .chart{/*min-height: 310px;*/ min-height: 260px;}
ul.grph-section li:nth-child(5) .chart{/*min-height: 509px; */background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #f3b200 12px, #f3b200 17px); min-height: 410px; }
ul.grph-section li:nth-child(4) .chart{/*min-height: 400px;*/ min-height: 358px;}
ul.grph-section li:nth-child(3) .chart{/*min-height: 309px; */background: repeating-linear-gradient( 0deg, #fff, #fff 10px, #f3b200 12px, #f3b200 17px); min-height: 306px; }
ul.grph-section li:nth-child(2) .chart{/*min-height: 227px;*/ min-height: 255px;}


.chart-catagory{ border-radius: 65%; color: #000; font-size: 12px; height: 78px; left: 0; margin: 0 auto; padding: 23px 0 0; position: absolute; right: 0; text-align: center; bottom: -42px; width: 78px; z-index: 8; transform: rotate(163deg); transition:1s all; 
background: rgba(255,146,10,1);
background: -moz-linear-gradient(top, rgba(255,146,10,1) 0%, rgba(243,178,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,146,10,1)), color-stop(100%, rgba(243,178,0,1)));
background: -webkit-linear-gradient(top, rgba(255,146,10,1) 0%, rgba(243,178,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,146,10,1) 0%, rgba(243,178,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,146,10,1) 0%, rgba(243,178,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,146,10,1) 0%, rgba(243,178,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#f3b200', GradientType=0 );}

.chart:hover .chart-catagory{ color: #fff; transform: rotate(-163deg);
background: rgba(5,58,71,1);
background: -moz-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,58,71,1)), color-stop(100%, rgba(1,162,248,1)));
background: -webkit-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -o-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -ms-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: linear-gradient(to bottom, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053a47', endColorstr='#01a2f8', GradientType=0 );}

.chart > h2 { color: #000; font-size: 19px; margin: -31px 0 0; padding: 20px 0 0; transform: rotate(-180deg); z-index: 9; font-weight: bold; }

ul.grph-section li:nth-child(2) .chart-catagory{
background: rgba(194,194,194,1);
background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,194,194,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#fefefe', GradientType=0 );
}
ul.grph-section li:nth-child(2) .chart:hover .chart-catagory{background: rgba(5,58,71,1);
background: -moz-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,58,71,1)), color-stop(100%, rgba(1,162,248,1)));
background: -webkit-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -o-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -ms-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: linear-gradient(to bottom, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053a47', endColorstr='#01a2f8', GradientType=0 );}


ul.grph-section li:nth-child(4) .chart-catagory{
background: rgba(194,194,194,1);
background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,194,194,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(194,194,194,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#fefefe', GradientType=0 );
}
ul.grph-section li:nth-child(4) .chart:hover .chart-catagory{background: rgba(5,58,71,1);
background: -moz-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,58,71,1)), color-stop(100%, rgba(1,162,248,1)));
background: -webkit-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -o-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: -ms-linear-gradient(top, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
background: linear-gradient(to bottom, rgba(5,58,71,1) 0%, rgba(1,162,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053a47', endColorstr='#01a2f8', GradientType=0 );}

.chart-catagory > p{font-family: "Raleway-Bold"; font-size: 27px; margin: -6px 0 0;}
/*------------------------------------------------------Free Quote-------------------------------------*/
section#free-quote{padding: 30px 0 0; margin: 0; float: left; width: 100%; background: url(../images/yellow-bkg.png) no-repeat bottom center/cover; min-height: 689px; text-align: center;}

a.quote-bttn{padding: 15px 40px; font-size: 22px; font-family: "source_sans_proregular"; color: #fff; border: 3px solid #fff; border-radius: 35px; margin: 2% auto 0; display: table; transition:1s all;}
a.quote-bttn:hover{background: #00a3f8; border-radius: 5px; border: 6px double #000;}

/*------------------------------------------------------Portfolio--------------------------------------------*/
section#portfolio-section{padding: 30px 0; margin: 0; float: left; width: 100%;}
section#portfolio-section h3{padding: 3% 0;}


.tab-hldr{width: 100%; float: left;}
.pdd-tp{padding: 7% 0 0;}


.zoom{position: relative; border: 1px solid #c4c4c4 ;border-radius: 6px;padding: 20px 0; max-height: 364px; overflow: hidden;}
.zoom:hover:after{ cursor: pointer;height: 100%; width: 100%; opacity: 1;  top: 0; left: 0;}
.zoom:after{transition:all 1s;background: rgba(255,255,255,0.8) url(../images/zoom.png) no-repeat center; height: 0;  width:0; opacity: 0; position: absolute; content: ''; right: 0; top: 0;}
.tab-content { position: relative; z-index: 99;}

.simplefilter {padding: 0;text-align: center;width: 100%;}
.simplefilter li{font-family: "droid_serifitalic";}
/*------------------------------------------------------Client Speack-----------------------------------------*/
section#client-testimonial{padding: 0 0 30px; margin: 0; float: left; width: 100%;}
section#client-testimonial h3{padding: 3% 0 0;}
.wht-row{background: #fff;}

/*--------------------------------------------------Testimonial------------------------------------------------*/

section#testimonial{padding: 40px 0 30px; margin: 0; float: left; width: 100%; background: url(../images/testimonial-bkg.png) no-repeat left center/cover;}
section#testimonial h3{position: relative; padding: 0 6%; font-size: 22px;}
section#testimonial h3 span{font-family: 'jenna_sueregular'; font-size: 41px; line-height: 161%;}
section#testimonial h3:before{position: absolute; content: ''; left: 1px; top: 1px; background: url(../images/appo1.png) no-repeat left top; width: 47px; height: 31px;}
section#testimonial h3:after{position: absolute; content: ''; right: 0; bottom: 44px; background: url(../images/appo2.png) no-repeat left top; width: 47px; height: 31px;}

ul.tstimonial-details{padding: 0; margin: 0; float: left; width: 100%;}
ul.tstimonial-details li{color: #fff; float: right; font-family: "source_sans_proregular"; font-size: 22px; line-height: 36px; margin: 28px 0 0; width: 100%;}
ul.tstimonial-details li img{float: left; margin: 0 10px 0 0;}
ul.tstimonial-details li span{font-weight: bold; color: #00baff;}


/*--------------------------------------------------Contact Us-------------------------------------------------------*/

section#contact-us-section{padding: 0 0 30px; margin: 0; float: left; width: 100%; background: #00a3f8 url(../images/footer-str-img1.png) no-repeat left top; position: relative; overflow: hidden;}
section#contact-us-section:after{background: url(../images/contact-img.png) no-repeat top center; left: 0; right: 0; margin: -82px auto 0; width: 347px; height: 349px; position: absolute; content: ''; top: 0;}
section#contact-us-section:before{background: url(../images/footer-str-img2.png) no-repeat bottom center; right: 0; right: 0; margin: 0 auto 0; width: 463px; height: 620px; position: absolute; content: ''; bottom: 0;}

section#contact-us-section h3{padding: 25px 0 0;}
section#contact-us-section h2{padding: 30% 0 30px;}
ul.contact-details{padding: 0; margin: 0; float: left; width: 100%; }
ul.contact-details li{font-family: "droid_serifitalic"; font-size: 36px; color: #fff; line-height: 100%;}
ul.contact-details li:nth-child(2){padding: 26px 0 6px;}
ul.contact-details li img{float: left; margin: 0 10px 0 0;}
ul.contact-details li span{font-size: 61px; font-family: "source_sans_proregular"; padding: 0 0 0 11px;}
ul.contact-details li span a{font-size: 30px; transition:1s all;}

.frm-hldr{border-left: 1px solid #fff; padding: 0 0 0 36px}
.frm-hldr h4{font-family: "droid_serifitalic"; font-size: 36px; color: #fff; line-height: 100%; }


footer{background: #0b2363; width: 100%; float: left; padding: 15px 0;}
.copy-txt{text-align: left; color: #fff; font-size: 16px; font-family: 'source_sans_proregular';}
ul.social{padding: 9% 0 0; margin: 0; width: 100%; float: left;}
ul.social li{ float: left; font-size: 26px;  margin: 0 10px 0 0; padding: 3px 0 0; text-align: center;}
ul.social li a{color: #00a3f8; background: #fff none repeat scroll 0 0; height: 40px;  width: 40px; border-radius: 50%;  float: left; line-height: 40px; transition:1s all;}
ul.social li a:hover{background: #000; color: #fff; border-radius: 5px;}
input{border: none; background: #fff; padding: 15px; color: #383843; border-radius: 5px; width: 100%; float: left; margin: 10px 0 0;}
textarea{border: none; background: #fff; padding: 15px; color: #383843; border-radius: 5px; width: 100%; float: left; margin: 10px 0 0; height: 135px;}
.submit-bttn{background: #0b2363; color: #fff; font-family: "source_sans_proregular"; font-size: 17px; transition: 1s all; width: 38%; float: right;}
.submit-bttn:hover{background: #000; color: #fff;}
.captcha-box{width: 44%;float: right; padding: 10px;}
.button-section {color: #fff; float: left; font-size: 20px; padding: 8px 0 2px; width: 50%;}

ul.ftr-nav{padding: 0; margin: 0; float: right; width: 100%;}
ul.ftr-nav li{float: left; margin: 0 2px;padding: 0 15px; color: #fff; font-size: 16px; font-family: 'source_sans_proregular';}
ul.ftr-nav li a{color: #fff;}
ul.ftr-nav li a:focus{color: #fff !important;text-decoration: underline;}
ul.ftr-nav li a:hover{text-decoration: underline;}
ul.ftr-nav li:last-child{border-left: 1px solid #fff;}

p.why-txt {bottom: -57px; left: 0; margin: 27px auto 0; position: absolute; right: 0; z-index: 2147483647;}

label{padding-top: 15px;}