@charset "utf-8";
/* CSS Document */



/* Scrollbar */

::-webkit-scrollbar {
    width: 8px;
}
/* Track */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #0090dd;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
   background: #0090dd;
}





/* ==========================================================================
	Global Settings
========================================================================== */


/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*Body settings, change it as required*/

body {font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.4; background:#ffffff; font-weight:400;}


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:500; color:#424242; text-rendering: optimizeLegibility; margin-top:0px;
margin-bottom:20px; }

h1 { font-size:20px; line-height:24px; font-weight:500;}
h2 { font-size:19px; line-height:24px; font-weight:500;}
h3 { font-size:18px; line-height:24px; font-weight:500;}
h4 { font-size:17px; line-height:24px; font-weight:500;}
h5 { font-size:16px; margin-bottom:15px; line-height:21px; font-weight:500;}
h6 { font-size:14px; margin-bottom:15px; line-height:24px; font-weight:400; text-align:justify;}

p { font-size:14px; color:#424242; line-height:21px; font-weight:400;}
p a { color:#2f94d7;font-weight:400;}
p a:hover, p a:focus { color:#2f94d7;}

/*
* Links
*/

a { color: #2f94d7; text-decoration: none; line-height: inherit; font-weight:400;}
a:hover { /*color: #2795b6;*/ color: #2f94d7; text-decoration:none; }
a:focus { color: #2f94d7; outline: none; }
p a, p a:visited { line-height: inherit; }



header, section, footer, aside, nav, main, article, figure {
    display: block; 
}




/*======================================= HEADER ==================================*/

header{ background-color: rgb(1,84,128); padding:10px 0 5px 0; text-align:center;}
header p{color:#ffffff; font-size:12px; text-align:center;}


.socials p{text-align:center;}



/*======================================= NAVIGATION ==================================*/

.navbar{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.navbar .navbar-brand {
    position: relative;
    height: 84px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.84);
}


.navbar .navbar-nav > li > a {
    color: rgba(1, 84, 128, 9);
    padding-top: 10px!important;
    padding-bottom:10px!important;
	text-transform:uppercase;
	font-size:14px;
	font-weight:500;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-brand {
    float: left;
    padding: 6px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}


.default-color {
    background-color:#ffffff!important;
}


.navbar-right .dropdown-menu {
    left: auto;
    right: -109px;
    top: 85px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 9px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.dropdown-menu li > a, .dropdown-menu li > span {
    font-size: 1.2rem;
    color: #4285F4;
    display: block;
    padding: 0.8125rem 1rem;
}



/*TOGGLE*/

.navbar .navbar-toggle {
    border-color: rgba(41, 22, 111, 9);
}


.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 26px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.navbar .navbar-toggle .icon-bar {
    background-color: rgba(41, 22, 111, 9);
}


.navbar .navbar-nav .open .dropdown-menu > li > a{
    color: rgba(0, 0, 0, 9);
    background-color: transparent;
	font-size:14px;
}



.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color:#d72517;
    background-color: transparent;
}

.navbar-right {
 padding-top: 0px!important;
}


.navbar-nav>li {
 margin-left: 5px;
}






/*============================CAROUSEL==================================*/


.new-control .fa {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: transparent;
    padding-top: 3px;
}

.carousel-caption h5{ font-size:40px; font-weight:700; color:#ffffff; text-transform:uppercase;}



/*=========================================== WELCOME =========================================================*/

.welcome{ padding:20px 0; background-image:url(../img/welcome-bg.png);background-repeat: no-repeat; background-position: top;}

.subtital{ padding:0px;} 


.welcome h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #015480;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}

.welcome h6{
	text-align:justify;
	margin-top:30px!important;
	color:#292929!important;
}

.tital-hr{ width:30%; height:auto; text-align:center; border:2px solid#015480; margin:0 auto!important;}




/*=========================================== SERVICES =========================================================*/

.services{ padding:5px 0 11px 0; background-image:url(../img/services-bg-mb.png);background-repeat: no-repeat; background-position: top;}


.services h5{
	padding-top:10px;
   color:#015480!important;
}



/*=========================================== OUR PRODUCTS =========================================================*/




.collaction{ padding:40px 0;}
		
		.page-section-ptb {
		padding:30px 0!important;
		}
		
		.bg-8 {
		background: url(../img/product-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}	


.our-product h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #ffffff;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}

.our-product .tital-hr{ width:5%; height:auto; text-align:center; border:2px solid#ffffff; margin:0 auto!important;}



.our-product .card {
    position: relative;
    overflow: hidden;
    background-color: #015480!important;
    transition: box-shadow .25s;
    border-radius: 0px;
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.3); 
	margin-bottom:30px!important;
	}

.our-product .card h5 a{ color:#FFF; font-size:18px; font-weight:400;}

.our-product .card h5 a:hover{ color:#078eff; font-size:18px; font-weight:400;}


.our-product .card .card-content h5 {
    padding:10px 0 0 0;
    border-bottom: none!important;
}

.our-product .card .card-btn {
    border-top:none!important;
    padding-top:0px!important;
    margin-top: 0px!important;
    margin-bottom: 10px;
}

.our-product .card .card-content h5 {
    padding-bottom: 10px;
    border-bottom: none!important;
}

.our-product .card .card-content p {
    color:#ffffff!important;
	font-weight:300;
}



.btn {
    line-height: 31px;
    position: relative;
    padding: 2px 14px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    outline: none !important;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}


.btn-primary {
    background: #053955!important;
	border:3px solid#277aa6;
}




/*======================== CLIENTS ==================================*/


.clients{ padding:20px 0; background-color:#FFF;}



.clients h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #015480;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}


.tital-hr{ width:10%; height:auto; text-align:center; border:2px solid#015480; margin:0 auto!important;}



/*======================== FOOTER =======================================*/


footer{ padding:40px 0 20px 0; background-color:#2b2b2b; border-top:5px solid#015480; text-align:center;}

footer h5{ font-size:14px; font-weight:400; color:#ffffff; text-transform:uppercase; margin-bottom:15px; margin-top:25px;}

footer h6{color:#ffffff; font-weight:300; margin-bottom:0!important;}
footer i{color:#ffffff;}

footer ul li a{ font-size:14px; font-weight:300; color:#ffffff;}

footer .media {padding-left: 90px!important;}

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-foursquare{color:#fff;background-color:#0072b1;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open .dropdown-toggle.btn-foursquare{color:#fff;background-color:#005888;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open .dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#0072b1;border-color:rgba(0,0,0,0.2)}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#335d7e;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#309aea;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}

.connect-us .btn{ margin:0px!important;}



/*======================== FOOTER-BOTTOM =======================================*/


.footer-bottom{ padding:10px 0; background-color:#151515;}

.footer-bottom h6{ color:#aaaaaa; font-size:13px; font-weight:400;}



/*======================== SUB-BANNER =======================================*/

		
		.sub-ab {
		background: url(../img/about-header-parallax.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

      .page-section-ptb {
		padding:50px 0!important;
		}
   
    
	.sub-banner h2{
	font-weight: 500;
    font-size:26px;
    line-height: 3.375rem;
    color: #ffffff;
	text-align:center;
	margin-bottom:0!important;
	text-transform:uppercase;
}
   
.sub-banner .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
	color: rgba(255, 255, 255, 0.6)!important;
    border-radius: 4px;
}

.sub-banner .breadcrumb li a{
    color: rgba(255, 255, 255, 0.6)!important;
   
}
.sub-banner .breadcrumb li{
    color: rgba(255, 255, 255, 0.6)!important;
   
}


.sub-banner-hr{background-color:rgba(255, 255, 255, 0.2); opacity:0.2;}




/*======================== ABOUT-CONTENT =======================================*/


.about-content{ padding:40px 0; background-color:#ffffff;}

.about-content h3{
	font-weight: 500;
    font-size:26px;
    line-height: 3.375rem;
    margin-bottom:0!important;
	text-transform:uppercase;
	text-align:center;
}

.about-content p{color:#9a9a9a; text-align:center;}



.about-content h4{ text-align:justify;}
.about-content h6{ text-align:justify;}



/*======================== PRODUCT-CONTENT =======================================*/

		
		.sub-pd {
		background: url(../img/about-header-parallax2.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}
		
		.product-content{ background-color:#ffffff; padding:30px 0; text-align:center;}
	    .product-content h3{ font-size:26px; color:#323232; text-align:center; text-transform:uppercase; line-height:30px;}
		.product-content p{ font-size:16px; font-style: italic; color: #6c6c6c; padding:0 0 0 30px;}
       .we-offer-cont2 {width:100%;border-left: 3px solid #25639a;}
        .product-content h5 {border-bottom: 2px solid #015480; padding:10px 0; text-transform:uppercase;}
		

		
		
	/*======================== GALLARY =======================================*/
       
		
	  .gallary{ padding:40px 0; background-color:#ffffff;}
		
		.sub-gl {
		background: url(../img/about-header-parallax3.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}
        
		.gallery{display: inline-block;margin-top: 20px;}
		
		
		
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

	
		
		
		
		
		
		
		
		
		

/*======================== CONTACT =======================================*/

		
		.contact{ padding:40px 0; background-color:#ffffff;}
		
		
		.sub-cont {
		background: url(../img/contact-header-parallax.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

    

 .contact .media .media-left a i {
    border-radius: 50%;
    font-size: 30px;
    line-height: 32px;
    padding-top: 8px;
	border: 1px solid #009bb3;
    border-radius: 100%;
	text-align:center;
	color:#009bb3;
	width:50px;
	height:50px;
}



/*======================== SUGAR-BG =======================================*/

		
		.sugar-bg {
		background: url(../img/sugar-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}



    .li-bg li{ list-style-type:disc;}
	.li-bg ul{ margin-left:19px;}
	
	
	.sugar-content{background-image:url(../img/sugar-mat.png);
    background-repeat: no-repeat;
    background-position: top;}

  
  
   /*sticky nav*/

.navbar{
	
   	padding:0px 0;
	background-color:#fff;
	position: -webkit-sticky;
	top: 0px;
	z-index: 1;
	
	}


.sticky {
	position: fixed;
	width: 100%;
    padding:0px;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
}







/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width:  992px) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 


/*======================================= HEADER ==================================*/

header{ background-color: rgb(1,84,128); padding:10px 0 5px 0;}
header p{color:#ffffff; font-size:12px; text-align:left;}


.socials p{text-align:right!important;}
.socials p a{color:#FFF; padding-left:5px; font-size:14px;}
.socials p a:hover{color:#00ccff;}


/*======================================= NAVIGATION ==================================*/

.navbar{box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); z-index:999;}

.navbar .navbar-brand {
    position: relative;
    height: 84px;
    line-height: 21px;
    color: rgba(255, 255, 255, 0.84);
}


.navbar .navbar-nav > li > a {
    color: rgba(1, 84, 128, 9);
    padding-top: 6px!important;
    padding-bottom:6px!important;
	text-transform:uppercase;
	font-size:14px;
	font-weight:500;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    color: rgba(255,255, 255, 9);
    background-color: rgba(1, 84, 128, 9)!important;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-brand {
    float: left;
    padding: 6px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}


.default-color {
    background-color:#ffffff!important;
}


.navbar-right .dropdown-menu {
    left: auto;
    right: -128px;
    top: 56px;
}

.navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    background-color: #015480;
	color:#ffffff;
	border-top:3px solid#0098e8;
}


.navbar-nav > li > .dropdown-menu  ul ul li{
  border-top:1px solid#02a7fe;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 9px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.dropdown-menu li > a, .dropdown-menu li > span {
    font-size: 1.2rem;
    color: #4285F4;
    display: block;
    padding: 0.8125rem 1rem;
}



/*TOGGLE*/

.navbar .navbar-toggle {
    border-color: rgba(41, 22, 111, 9);
}


.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 26px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.navbar .navbar-toggle .icon-bar {
    background-color: rgba(41, 22, 111, 9);
}


.navbar .navbar-nav .open .dropdown-menu > li > a{
    color: rgba(255, 255, 255, 9);
    background-color: transparent;
	font-size:14px;
	border-bottom: 1px solid rgba(175,175,175,.2);
	transition: .35s;
	
}



.navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
    color:#015480;
    background-color: transparent;
	padding-left:5px;
}

.navbar-right {
 padding-top: 29px!important;
}


.navbar-nav>li {
 margin-left: 5px;
}









/*============================CAROUSEL==================================*/





.new-control .fa {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: transparent;
    padding-top: 3px;
}


.carousel-caption h5{ font-size:38px; font-weight:500; color:#ffffff; text-transform:uppercase; margin-bottom:29px;}

.carousel-caption h6{color:#ffffff; text-align:center; font-weight:400;}


.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0000) 0, rgba(0,0,0,0) 100%)!important;
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0000) 0, rgba(0,0,0,0) 100%)!important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0.0000)), to(rgba(0,0,0,0)))!important;
    background-image: linear-gradient(to right, rgba(0,0,0,0.0000) 0, rgba(0,0,0,0) 100%)!important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}


.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.0000) 100%)!important;
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0.0000) 100%)!important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0,0,0,0)), to(rgba(0,0,0,0.0001)))!important;
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.0000) 100%)!important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}


.carousel-caption {
    margin-bottom: 1em;
}

.btn-outline-primary {
    border:2px solid#ffffff!important;
    color: #ffffff!important;
    background-color: transparent!important;
}



/*=========================================== WELCOME =========================================================*/

.welcome{ padding:40px 0; background-image:url(../img/welcome-bg.png);background-repeat: no-repeat; background-position: top;}

.subtital{ padding:0px 80px;} 


.welcome h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #015480;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}

.welcome h6{
	text-align:center;
	margin-top:30px!important;
	color:#292929!important;
}

.tital-hr{ width:10%; height:auto; text-align:center; border:2px solid#015480; margin:0 auto!important;}





/*=========================================== SERVICES =========================================================*/

.services{ padding:20px 0 113px 0; background-image:url(../img/services-bg1.png);background-repeat: no-repeat; background-position: top;}


.services h5{
	padding-top:10px;
   color:#015480!important;
}

/*=========================================== OUR PRODUCTS =========================================================*/

.collaction{ padding:40px 0;}
		
		.page-section-ptb {
		padding:30px 0!important;
		}
		
		.bg-8 {
		background: url(../img/product-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}	



.our-product h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #ffffff;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}

.our-product .tital-hr{ width:5%; height:auto; text-align:center; border:2px solid#ffffff; margin:0 auto!important;}



.our-product .card {
    position: relative;
    overflow: hidden;
    background-color: #015480!important;
    transition: box-shadow .25s;
    border-radius: 0px;
	box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.3); 
	}

.our-product .card h5 a{ color:#FFF; font-size:18px; font-weight:400;}

.our-product .card h5 a:hover{ color:#078eff; font-size:18px; font-weight:400;}


.our-product .card .card-content h5 {
    padding:10px 0 0 0;
    border-bottom: none!important;
}


.our-product .card .card-btn {
    border-top:none!important;
    padding-top:0px!important;
    margin-top: 0px!important;
    margin-bottom: 10px;
}





.our-product .card .card-content p {
    color:#ffffff!important;
	font-weight:300;
}



.our-product .card .card-content {
    padding: 5px;
    border-radius: 0 0 2px 2px;
}



.btn {
    line-height: 31px;
    position: relative;
    padding: 2px 14px;
    border: 0;
    margin: 10px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    outline: none !important;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}


.btn-primary {
    background: #053955!important;
	border:3px solid#277aa6;
}





/*======================== CLIENTS ==================================*/


.clients{ padding:20px 0; background-color:#FFF;}



.clients h1{
	font-weight: 400;
    font-size:1.5rem;
    line-height: 3.375rem;
    color: #015480;
    letter-spacing: -.04em;
	text-align:center;
	margin-bottom:0!important;
}


.tital-hr{ width:10%; height:auto; text-align:center; border:2px solid#015480; margin:0 auto!important;}



/*======================== FOOTER =======================================*/


footer{ padding:40px 0 20px 0; background-color:#2b2b2b; border-top:5px solid#015480; text-align:left;}

footer h5{ font-size:14px; font-weight:400; color:#ffffff; text-transform:uppercase; margin-bottom:15px; margin-top:0;}

footer h6{color:#ffffff; font-weight:300; margin-bottom:0!important;}
footer i{color:#ffffff;}

footer ul li a{ font-size:14px; font-weight:300; color:#ffffff;}

footer .media {padding-left:0px!important;}

.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;width:30px;padding:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none}
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)}
.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none}
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)}
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none}
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
.btn-foursquare{color:#fff;background-color:#0072b1;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open .dropdown-toggle.btn-foursquare{color:#fff;background-color:#005888;border-color:rgba(0,0,0,0.2)}
.btn-foursquare:active,.btn-foursquare.active,.open .dropdown-toggle.btn-foursquare{background-image:none}
.btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#0072b1;border-color:rgba(0,0,0,0.2)}
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)}
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none}
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)}
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none}
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#335d7e;border-color:rgba(0,0,0,0.2)}
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none}
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)}
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none}
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none}
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#309aea;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)}
.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none}
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}

.connect-us .btn{ margin:0px!important;}



/*======================== FOOTER-BOTTOM =======================================*/


.footer-bottom{ padding:10px 0; background-color:#151515;}

.footer-bottom h6{ color:#aaaaaa; font-size:13px; font-weight:400; margin-bottom:0;}




/*======================== SUB-BANNER =======================================*/

		
		.sub-ab {
		background: url(../img/about-header-parallax.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

      .page-section-ptb {
		padding:55px 0!important;
		}
   
    
	.sub-banner h2{
	font-weight: 500;
    font-size:26px;
    line-height: 3.375rem;
    color: #ffffff;
	text-align:center;
	margin-bottom:0!important;
	text-transform:uppercase;
}
   
.sub-banner .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
	color: rgba(255, 255, 255, 0.6)!important;
    border-radius: 4px;
}

.sub-banner .breadcrumb li a{
    color: rgba(255, 255, 255, 0.6)!important;
   
}
.sub-banner .breadcrumb li{
    color: rgba(255, 255, 255, 0.6)!important;
   
}


.sub-banner-hr{background-color:rgba(255, 255, 255, 0.2); opacity:0.2;}




/*======================== ABOUT-CONTENT =======================================*/


.about-content{ padding:40px 0; background-color:#ffffff;}

.about-content h3{
	font-weight: 500;
    font-size:26px;
    line-height: 3.375rem;
    margin-bottom:0!important;
	text-transform:uppercase;
	
}
.about-content p{color:#9a9a9a;}
.about-content h4{ text-align:left;}
.about-content h6{ text-align:left;}




/*======================== PRODUCT-CONTENT =======================================*/

		
		.sub-pd {
		background: url(../img/about-header-parallax2.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}
		
		.product-content{ background-color:#ffffff; padding:30px 0; text-align:left;}
	    .product-content h3{ font-size:26px; color:#323232; text-align:right; text-transform:uppercase; line-height:30px;}
		.product-content p{ font-size:16px; font-style: italic; color: #6c6c6c; padding:0 0 0 30px;}
        .we-offer-cont2 {width:100%;border-left: 3px solid #25639a;}
        .product-content h5 {border-bottom: 2px solid #015480; padding:10px 0; text-transform:uppercase;}
		
		.product-content span{padding-bottom:20px;}

		
		

/*======================== GALLARY =======================================*/
       
		
	  .gallary{ padding:40px 0; background-color:#ffffff;}
		
		.sub-gl {
		background: url(../img/about-header-parallax3.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}
        
		.gallery{display: inline-block;margin-top: 20px;}
		
		
		
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}



/*======================== CONTACT =======================================*/

		
		.contact{ padding:40px 0; background-color:#ffffff;}
		
		
		.sub-cont {
		background: url(../img/contact-header-parallax.jpg);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

    

 .contact .media .media-left a i {
    border-radius: 50%;
    font-size: 20px;
    line-height: 22px;
    padding-top: 8px;
	border: 1px solid #009bb3;
    border-radius: 100%;
	text-align:center;
	color:#009bb3;
	width:40px;
	height:40px;
}


.bullate li{ background-color:#c4c4c4; padding:5px; text-align:center;}
.bl ul{ padding-left:16px}





/*======================== SUGAR-BG =======================================*/

		
		.sugar-bg {
		background: url(../img/sugar-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}



    .li-bg li{ list-style-type:disc;}
	
	
	.sugar-content{background-image:url(../img/sugar-mat.png);
    background-repeat: no-repeat;
    background-position: top;}

    .box{ background-color:#f2f2f2; padding:30px;}



  
  
  
  
  /*sticky nav*/

.navbar{
	
   	padding:0px 0;
	background-color:#fff;
	position: -webkit-sticky;
	top: 0px;
	z-index: 1;
	
	}


.sticky {
	position: fixed;
	width: 100%;
    padding:0px;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
    -moz-transition: padding .3s ease-in;
    -o-transition: padding .3s ease-in;
    -webkit-transition: padding .3s ease-in;
    transition: padding .3s ease-in;
}

  
  .scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    color: #eeeeee;
    width:73px;
    height: 73px;
    line-height: 48px;
    right: 30px;
    bottom: 70px;
	background-image:url(../img/scroll.png);
    background-repeat: no-repeat;
    background-position: top;

    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
    background-image:url(../img/scroll.png);
    background-repeat: no-repeat;
    background-position: top;
}

.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

.scroll-top-wrapper i.fa {
    line-height: inherit;
}

  
  



   /*======================== CENTRIFUGAL-MATCHINE =======================================*/

		
		.centrifugal{
		background: url(../img/centrifugal-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

  
  

   /*======================== NICKLE-SCREEN =======================================*/

		
		.nickle-screen{
		background: url(../img/nickle-bg.png);
		background-clip: initial;
		background-origin: initial;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover !important;
		position: relative;
		z-index: 0;
		background-attachment: fixed;
		}

  









}