/*******************************
1.0 - PAGE PRELOADER
*******************************/
.gif-animation {width:100%; height:100%; display:table; background:#ffffff;position:fixed;z-index: 99999;top: 0;}
.preloader{width:50px;display:inline-block;-webkit-animation: rotate infinite 1.2s ease-in-out; -moz-animation: rotate infinite 1.2s ease-in-out; -ms-animation: rotate infinite 1.2s ease-in-out; -o-animation: rotate infinite 1.2s ease-in-out; animation: rotate infinite  1.2s ease-in-out;}
.preloader img{height:50px;}
@-webkit-keyframes rotate {
  0% {-webkit-transform: rotate(0deg); transform:  rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); } 
}
@-moz-keyframes rotate {
  0% {-moz-transform: rotate(0deg); transform:  rotate(0deg); }
  100% { -moz-transform: rotate(360deg);transform: rotate(360deg); } 
}
@-ms-keyframes rotate {
  0% {-ms-transform: rotate(0deg); transform:  rotate(0deg); }
  100% { -ms-transform: rotate(360deg);transform: rotate(360deg); } 
}
@-o-keyframes rotate {
  0% {-o-transform: rotate(0deg); transform:  rotate(0deg); }
  100% { -o-transform: rotate(360deg);transform: rotate(360deg); } 
}
@keyframes rotate {
   0% {-webkit-transform: rotate(0deg);transform:  rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); } 
}
	
/*******************************
2.0 - COMMON STYLE
*******************************/														
@font-face {
    font-family: 'corbel';
    src: url('../fonts/corbel.eot');
    src: url('../fonts/corbel.eot') format('embedded-opentype'),
         url('../fonts/corbel.woff2') format('woff2'),
         url('../fonts/corbel.woff') format('woff'),
         url('../fonts/corbel.ttf') format('truetype'),
         url('../fonts/corbel.svg#corbel') format('svg');
}
@font-face {
    font-family: 'corbelb';
    src: url('../fonts/corbelb.eot');
    src: url('../fonts/corbelb.eot') format('embedded-opentype'),
         url('../fonts/corbelb.woff2') format('woff2'),
         url('../fonts/corbelb.woff') format('woff'),
         url('../fonts/corbelb.ttf') format('truetype'),
         url('../fonts/corbelb.svg#corbelb') format('svg');
}
@font-face {
    font-family: 'BebasNeueBold';
    src: url('../fonts/BebasNeueBold.eot');
    src: url('../fonts/BebasNeueBold.eot') format('embedded-opentype'),
         url('../fonts/BebasNeueBold.woff2') format('woff2'),
         url('../fonts/BebasNeueBold.woff') format('woff'),
         url('../fonts/BebasNeueBold.ttf') format('truetype'),
         url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
}
 @font-face {
    font-family: 'comic';
    src: url('../fonts/comic.eot');
    src: url('../fonts/comic.eot') format('embedded-opentype'),
         url('../fonts/comic.woff2') format('woff2'),
         url('../fonts/comic.woff') format('woff'),
         url('../fonts/comic.ttf') format('truetype'),
         url('../fonts/comic.svg#comic') format('svg');
}
@font-face {
    font-family: 'comicbd';
    src: url('../fonts/comicbd.eot');
    src: url('../fonts/comicbd.eot') format('embedded-opentype'),
         url('../fonts/comicbd.woff2') format('woff2'),
         url('../fonts/comicbd.woff') format('woff'),
         url('../fonts/comicbd.ttf') format('truetype'),
         url('../fonts/comicbd.svg#comicbd') format('svg');
}

@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/GothamBold.eot');
    src: url('../fonts/GothamBold.eot') format('embedded-opentype'),
         url('../fonts/GothamBold.woff2') format('woff2'),
         url('../fonts/GothamBold.woff') format('woff'),
         url('../fonts/GothamBold.ttf') format('truetype'),
         url('../fonts/GothamBold.svg#GothamBold') format('svg');
}

@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/GothamMedium.eot');
    src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),
         url('../fonts/GothamMedium.woff2') format('woff2'),
         url('../fonts/GothamMedium.woff') format('woff'),
         url('../fonts/GothamMedium.ttf') format('truetype'),
         url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/GothamLight.eot');
    src: url('../fonts/GothamLight.eot') format('embedded-opentype'),
         url('../fonts/GothamLight.woff2') format('woff2'),
         url('../fonts/GothamLight.woff') format('woff'),
         url('../fonts/GothamLight.ttf') format('truetype'),
         url('../fonts/GothamLight.svg#GothamLight') format('svg');
}

@font-face {
    font-family: 'GothamBook';
    src: url('../fonts/GothamBook.eot');
    src: url('../fonts/GothamBook.eot') format('embedded-opentype'),
         url('../fonts/GothamBook.woff2') format('woff2'),
         url('../fonts/GothamBook.woff') format('woff'),
         url('../fonts/GothamBook.ttf') format('truetype'),
         url('../fonts/GothamBook.svg#GothamBook') format('svg');
}

@font-face {
    font-family: 'GothamBlack';
    src: url('../fonts/GothamBlack.eot');
    src: url('../fonts/GothamBlack.eot') format('embedded-opentype'),
         url('../fonts/GothamBlack.woff2') format('woff2'),
         url('../fonts/GothamBlack.woff') format('woff'),
         url('../fonts/GothamBlack.ttf') format('truetype'),
         url('../fonts/GothamBlack.svg#GothamBlack') format('svg');
}

	@font-face {
		font-family: 'Schoolbell';
		src: url('../fonts/Schoolbell.eot');
		src: url('../fonts/Schoolbell.eot') format('embedded-opentype'),
			 url('../fonts/Schoolbell.woff2') format('woff2'),
			 url('../fonts/Schoolbell.woff') format('woff'),
			 url('../fonts/Schoolbell.ttf') format('truetype'),
			 url('../fonts/Schoolbell.svg#Schoolbell') format('svg');
	}
	@font-face {
		font-family: 'opensanssemiboldwebfont_0';
		src: url('../fonts/opensanssemiboldwebfont_0.eot');
		src: url('../fonts/opensanssemiboldwebfont_0.eot') format('embedded-opentype'),
			 url('../fonts/opensanssemiboldwebfont_0.woff2') format('woff2'),
			 url('../fonts/opensanssemiboldwebfont_0.woff') format('woff'),
			 url('../fonts/opensanssemiboldwebfont_0.ttf') format('truetype'),
			 url('../fonts/opensanssemiboldwebfont_0.svg#opensanssemiboldwebfont_0') format('svg');
	}
	@font-face {
		font-family: 'OpenSansBold_1';
		src: url('../fonts/OpenSansBold_1.eot');
		src: url('../fonts/OpenSansBold_1.eot') format('embedded-opentype'),
			 url('../fonts/OpenSansBold_1.woff2') format('woff2'),
			 url('../fonts/OpenSansBold_1.woff') format('woff'),
			 url('../fonts/OpenSansBold_1.ttf') format('truetype'),
			 url('../fonts/OpenSansBold_1.svg#OpenSansBold_1') format('svg');
	}
	@font-face {
		font-family: 'Schoolbell';
		src: url('../fonts/Schoolbell.eot');
		src: url('../fonts/Schoolbell.eot') format('embedded-opentype'),
			 url('../fonts/Schoolbell.woff2') format('woff2'),
			 url('../fonts/Schoolbell.woff') format('woff'),
			 url('../fonts/Schoolbell.ttf') format('truetype'),
			 url('../fonts/Schoolbell.svg#Schoolbell') format('svg');
	}
	@font-face {
		font-family: 'opensanssemiboldwebfont_0';
		src: url('../fonts/opensanssemiboldwebfont_0.eot');
		src: url('../fonts/opensanssemiboldwebfont_0.eot') format('embedded-opentype'),
			 url('../fonts/opensanssemiboldwebfont_0.woff2') format('woff2'),
			 url('../fonts/opensanssemiboldwebfont_0.woff') format('woff'),
			 url('../fonts/opensanssemiboldwebfont_0.ttf') format('truetype'),
			 url('../fonts/opensanssemiboldwebfont_0.svg#opensanssemiboldwebfont_0') format('svg');
	}


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

html { position: relative;min-height: 100%;}
img{max-width:100%;outline:0;}
body{font-size:16px;font-family: 'corbel'; margin:0;padding:0 !important;color:#8a8a8a;padding-top: 70px !important;min-height:100%; }
button{background:transparent; box-shadow:none;}
ul, ol { padding: 0;}
.clear{clear:both;}
/*******************************
3.0 - HEADER
*******************************/
.header-section{font-size:18px;}
.header-section .navbar-brand{height:auto;  -webkit-transition: left 0.4s ease, opacity 0.4s ease;
    -moz-transition:left 0.4s ease, opacity 0.4s ease;
    -ms-transition:left 0.4s ease, opacity 0.4s ease;
    -o-transition:left 0.4s ease, opacity 0.4s ease;
    transition:left 0.4s ease, opacity 0.4s ease;}
.header-section .navbar-header{position:relative;}
.header-section .navbar-brand.one{position: absolute;top:2px;left: 30px;width: 80px;height: 60px;opacity: 0;}
.header-section .affix .navbar-brand.one{opacity:1;left:0px;}
 .header-section .navbar-brand.two{opacity:1;}
  .header-section .navbar-brand.two img{width: 215px;}
.header-section .affix .navbar-brand.two{opacity:0;}
.header-section .navbar-inverse {background-color:#fff;border: 0;border-bottom:1px solid #004258; z-index:99; margin-bottom:0;border-radius:0;top:0;width:100%; position:fixed;}
.header-section .navbar-inverse .navbar-nav>li a{color:#004258;padding: 25px 15px;font-family: 'corbel'}
.header-section .navbar-inverse .navbar-nav>li .button{margin-top: 22px;font-size: 13px;margin-left: 10px;color: #fff;
padding: 5px 10px;}
.header-section .navbar-inverse .navbar-nav>li .button:hover, .header-section .navbar-inverse .navbar-nav>li .button:focus{box-shadow:none; outline:0; background:#004258;}
.header-section .navbar-inverse .navbar-nav>.active>a, .header-section .navbar-inverse .navbar-nav>.active>a:focus, .header-section .navbar-inverse .navbar-nav>.active>a:hover{background:transparent;color:#1e76ba;}
.header-banner{width:100%;float:left;position:relative;}
.banner-containt{position:relative;float:left;width:100%; color:#fff; text-align:center; overflow:hidden;}
.banner-detail{width:35%; height:100%; position:absolute;left:0;z-index: 1000;top: 0; padding:0 70px;text-align: left;}
.banner-detail .dis-table{width:100%;height:100%;display:table;}
.banner-detail .dis-table .dis-tcell{padding:10px 0; vertical-align:middle;}
.banner-detail .button{opacity:0;-webkit-transition: opacity 1s 900ms, line-height 1s 250ms;     
    -moz-transition: opacity 1s 900ms, line-height 1s 250ms;
    -o-transition: opacity 1s 900ms, line-height 1s 250ms;
    transition: opacity 1s 900ms, line-height 1s 250ms;}
.banner-detail p{font-size:18px; margin-bottom: 20px;opacity:0;-webkit-transition: opacity 1s 1000ms, line-height 1s 250ms;
    -moz-transition: opacity 1s 1000ms, line-height 1s 250ms;
    -o-transition: opacity 1s 1000ms, line-height 1s 250ms;
    transition: opacity 1s 1000ms, line-height 1s 250ms;}
.banner-detail h2{font-size:36px;opacity:0; -webkit-transition: opacity 1s 1250ms, line-height 1s 250ms;
    -moz-transition: opacity 1s 1250ms, line-height 1s 250ms;
    -o-transition: opacity 1s 1250ms, line-height 1s 250ms;
    transition: opacity 1s 1250ms, line-height 1s 250ms;}
.active .banner-detail h2,.active .banner-detail p{opacity:1;width:100%; float:left;color:#fff;margin-top:0;}
.active .banner-detail .button{opacity:1;}
.slide-prev{position: absolute;top: 0;width:65px;height: 100%; left:0;cursor: pointer;cursor: hand;
-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.slide-next{position: absolute;top: 0;width:65px;height: 100%; right:0;cursor: pointer;cursor: hand;
-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.carousel-control.left{ position: absolute;top: 50%;margin-top: -35px;display: none;width: 38px;
height: 70px;opacity:1;background-repeat: no-repeat;background-position: center center; background-image: url(../images/arrow-left.png);left: 0; margin-left:-20px; right:auto;}
.carousel-control.right{ position: absolute;top: 50%;margin-top: -90px;display: none;width: 38px;
height: 70px;opacity: 1;background-repeat: no-repeat;background-position: center center; background-image: url(../images/arrow-right.png);right:auto;}
.slide-next:hover , .slide-prev:hover{cursor: none !important;}
.carousel-control.left:hover , .carousel-control.right{cursor: none !important;}
.slide-next:hover .carousel-control.right, .slide-prev:hover .carousel-control.left{display:block;} 
.slider-controls{display:block; position:relative;}
.navbar-inverse .navbar-toggle {border-color:#004258;}
.navbar-inverse .navbar-toggle .icon-bar {background-color:#004258;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:#004258;}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {background-color:#fff;}
.carousel-indicators li{border: 1px solid #004258;background: #004258;}
.banner-containt .carousel-inner>.item{background-position:top center !important; background-size:cover !important; }


.banner-containt .item{background-size:cover; background-position:top center; position:relative;}
.banner-containt .item  .banner-overlay{height:40%;position:absolute;bottom: 0; width:35%;z-index:99; opacity: 0;  -webkit-transition: top 1000ms cubic-bezier(0.525, 0.015, 0, 1.005), background-color 1100ms, opacity 1s; -moz-transition: height 1000ms cubic-bezier(0.525, 0.015, 0, 1.005), background-color 1100ms, opacity 1s; -o-transition: height 1000ms cubic-bezier(0.525, 0.015, 0, 1.005), background-color 100ms, opacity 1s; transition: height 1000ms cubic-bezier(0.525, 0.015, 0, 1.005), background-color 1100ms, opacity 1s; }
.banner-containt .active .item  .banner-overlay {bottom: 0; opacity:0.9; height: 100%; -webkit-transition-delay: 500ms; transition-delay: 500ms;}
.banner-containt .owl-nav{position:absolute; right:30px; bottom:50px; }
.banner-containt .owl-nav div {float: left;clear: left;width: 36px; height: 36px;margin-top: 19px;background-color: rgba(255, 255, 255, 0.75);background-position: center;background-repeat: no-repeat;cursor: pointer;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%; -webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;
transition: all 500ms;}
.banner-containt .owl-nav .owl-prev{background-position: 0 0;background-image: url(../images/up-black.png);}
.banner-containt .owl-nav .owl-next{background-position: 0 0;background-image: url(../images/down-black.png); }


.module-featured-content .product-detail{position: absolute;bottom: 0;left: 0;width: 100%; height:100%; overflow: hidden;z-index: 1; padding:0;}
.module-featured-content .dis-table{width:100%; height:100%;display:table;}
.module-featured-content .dis-tcell{padding:20px 60px; vertical-align:middle;}
.module-featured-content .dis-tcell h2{color:#fff; margin-top:0;font-size:45px;line-height:1.2;letter-spacing: 0.025em;
opacity: 0; -webkit-transition: opacity 1s 750ms, line-height 1s 250ms;
  -moz-transition: opacity 1s 750ms, line-height 1s 250ms;
  -o-transition: opacity 1s 750ms, line-height 1s 250ms;
  transition: opacity 1s 750ms, line-height 1s 250ms;}
  
.resizing .module-featured-content.features-loaded .dis-tcell h2 {
  -webkit-transition: none 1s;
  -moz-transition: none 1s;
  -o-transition: none 1s;
  transition: none 1s;
}
.module-featured-content .dis-tcell p{max-width:100%;}



.module-featured-content .current-feature .category,
.module-featured-content .current-feature .explore,
.module-featured-content .current-feature .dis-tcell h2,
.module-featured-content .current-feature .quote-name {
  opacity: 1;
}

body:not(.resizing) .module-featured-content .next-feature h1, body:not(.resizing) .module-featured-content .dis-tcell h1{line-height:5em;}
a.disabled {
   pointer-events: none;
   cursor: default;
}
/*******************************
4.0 - HOME PAGE
*******************************/
.wrapper{ margin-bottom:95px; margin-left:auto; margin-right:auto;width: 100%;float: left;overflow: hidden;}
.about-tag-section{background:#fafafa;padding-top:100px; padding-bottom:100px;}
.about-tag-section h2{font-size:42px;font-family: 'corbelb';}
.about-tag-section p{font-size:30px;}
.skew-box-inner2 h1{font-size:38px; margin:15px 0 20px 0;font-family: 'corbel' !important; text-transform:inherit !important;}
.sec-padding{padding:70px 0 0 0;}
.service-inner{display:inline-block;max-width:320px; margin-bottom:40px;}
.service-inner .servce-icon{height:110px; padding-bottom:20px; width:100%; float:left;}
.service-inner .servce-icon img{height:100%;}
.service-inner .full-wd{height:200px;}
.service-inner h3{font-size:24px;font-family: 'corbelb';}
.service-inner p{font-size:16px;}
.work-product{width:100%;height:auto;float:left; position:relative;}
.work-product .prod-img{width:100%;float:left; overflow:hidden; max-height: 500px;}
.work-product .prod-img img{width:100%; -webkit-transition:transform 0.3s ease-in-out;-moz-transition:transform 0.3s ease-in-out; -ms-transition:transform 0.3s ease-in-out; -o-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;}
.work-product .prod-img:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);transform:scale(1.1); }
.product-detail{position:absolute; left:0;top:0;width:50%;height:100%;color:#fff; padding:20px;}
.product-detail h4{font-size:30px;font-family: 'corbelb'; }
.product-detail p{font-size:20px;max-width:260px;}
.read-more{position:absolute;bottom:30px;width:100%;}
.readm-btn{background:transparent; color:#fff; border:0; font-size:25px;}
.readm-btn:hover, .readm-btn:focus{background:transparent; color:#fff; outline:0;}
.read-more2{position:absolute;bottom:10px;width:100%;}
.readm-btn2{background:transparent; color:#fff; border:0; font-size:18px;margin-right: 30px;}
.readm-btn2:hover, .readm-btn2:focus{background:transparent; color:#fff; outline:0;}
.about-section{padding:70px 0;}
.about-section .about-panel{padding-bottom:40px; color:#fff;min-height: 360px;}
.about-section .about-panel h3{font-size:30px;font-family: 'corbelb'; text-align:center;}
.about-section .about-panel p{font-size:18px;}
.eclipseclasssName{text-overflow: ellipsis !important;}
.contactus-top-inner{width:100%; float:left;}
.contactus-top-inner a{color: #8a8a8a;}
.contactus-top-inner a span{display:block; margin-top:10px;}
.contactus-top-inner a:hover, .contactus-top-inner a:focus{text-decoration:none; outline:0;}
.contactus-top-inner {font-size:18px; margin-top:10px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.contactform{margin-top: 80px;}
.contactform textarea{width:100%; height: 120px;}
.group  { position:relative; margin-bottom:45px; }
input {font-size:18px; padding:10px 10px 10px 5px;display:block;width:100%;border:none;border-bottom:1px solid #757575;}
input:focus{ outline:none; }
.group label {   color:#999;   font-size:18px;   font-weight:normal;   position:absolute;   pointer-events:none;   left:5px;   top:10px;   transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all; }
/* active state */
.error{font-size:14px;}
.group .error{top:auto;color:red; font-size:14px;}
.group input.error, .group textarea.error{font-size:18px;}
 input:focus ~ label,  input:valid ~ label{top:-6px;font-size:14px;color:#004258;}

 input:focus ~ .error, input:valid ~ .error{bottom: -26px; color:red;}
.error ~ label{color:red !important;}
.valid ~ label{color: #004258 !important;}
textarea {display: block;background: none;padding: 0.125rem 0.125rem 0.0625rem;font-size: 1rem;     border-width: 0;     border-color: transparent;     line-height: 1.9;     width: 100%;     color:#8a8a8a;     -webkit-transition: all 0.28s ease;     transition: all 0.28s ease;     box-shadow: none; 	resize: none; 	font-size:18px; 	 }
.control-label {     position: absolute;     top:10px;     pointer-events: none;     padding-left: 0.125rem;     z-index: 1;     color: #999;     font-size: 18px;     font-weight: normal;     -webkit-transition: all 0.28s ease;     transition: all 0.28s ease; }
.bar2 {     position: relative;     border-bottom: 1px solid #757575;     display: block; }
.bar2:before {     content: '';     height: 2px;     width: 0;     left: 50%;     bottom: -0.0625rem;     position: absolute;     background: #004258;     -webkit-transition: left 0.28s ease, width 0.28s ease;     transition: left 0.28s ease, width 0.28s ease;     z-index: 2; }
textarea:focus ~ .bar2:before {     width: 100%;     left: 0; }
textarea:focus {     outline: none; }
textarea:focus ~ .control-label {     color: #337ab7; }
 textarea:focus ~ .control-label, textarea:valid ~ .control-label{font-size:14px;     color: #004258;     top: -20px;     left: 0;}
/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{   content:'';   height:2px;   width:0;   bottom:1px;   position:absolute;   background:#004258;   transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all; }
.bar:before {left:50%;}
.bar:after {right:50%; }
/* active state */
 input:focus ~ .bar:before, input:focus ~ .bar:after {   width:50%; }
.highlight {position:absolute;height:60%; width:100px; top:25%; left:0;pointer-events:none;opacity:0.5;}
/* active state */
 input:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease;-moz-animation:inputHighlighter 0.3s ease;animation:inputHighlighter 0.3s ease;}
.send-btn{min-width:200px; font-size:18px; margin:0 5px;}
.reset-btn{min-width:200px; font-size:18px; margin:0 5px;}
.footer{width:100%; float:left;margin-top:50px;position: absolute;bottom: 0;}
.footer-top{width:100%; float:left;background:#004155;padding: 20px 0;}
.footer-top ul{list-style: none;margin: 0;padding: 0;}
.footer-top ul li{float:left; padding:0 5px !important;}
.footer-top ul li:last-child{padding-right:0 !important;}
.footer-top ul li a{float:left;text-decoration:none;color:#fff;font-family: 'corbel';font-size:16px;}
.footer-bottom{width:100%; float:left;background:#003a48;color: #fff;font-size: 11px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;display: flex;
    justify-content: space-between;
    padding: 5px 19px;}
.social-link{float:right;} 
.social-link li{color:#fff;}
.social-link li a{position: relative;float:none; display: inline-block;vertical-align: top;width: 30px;height: 30px;margin-right: 10px;-webkit-border-radius: 50%;border-radius: 50%;background: #e2e2e2;overflow: hidden;}
.social-link li:first-child{font-size:20px;margin-right:5px;font-family: 'corbel';}
.social-link li a:before{content: " ";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: url(../images/sprite_social.svg) 0 0 no-repeat;background-size: 160px;}
.social-link li a.fb:before{background-position:0px 2px;}
.social-link li a.tw:before{background-position:-29px 2px;}
.social-link li a.li:before{background-position: -58px 0px;}
.social-link li a.ut:before{background-position: -122px 1px;}
.social-link li a.ig:before{background-position: -89px 1px;}
.footer .social-link a:hover {background: #fff;overflow: hidden;}
#return-to-top {position: fixed;bottom:100px;right: 20px;background:#e2e2e2;width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border:2px solid #004155; z-index:99;}
#return-to-top span {color:#004155;margin: 0;position: relative;left: 14px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background:#fff;}
.client-sec{background:#f5f7f8; padding:70px 0;}
.client-icon{margin:0; padding:0;list-style:none;width:100%; float:left;}
.client-icon li{width:20%;float:left; display:table; height:90px;margin-bottom: 20px;}
.client-icon li span{display:table-cell;text-align:center; vertical-align:middle; padding:0 10px;}
.client-icon li:first-child span{text-align:right;}
.client-icon li:nth-child(3) span img{margin-top: 10px;}
.client-icon li:nth-child(5) span{text-align:left;}
.client-icon li:nth-child(11) span{text-align:left;}
.client-icon li:nth-child(12) span img{margin-top: 10px;margin-left: -15px;}
.client-icon li:nth-child(15) span{text-align:right;}
ul.product-work{margin:0; padding:0; list-style:none;}
ul.product-work li{padding:0;}
ul.product-work li a{width:100%;float:left;overflow:hidden;}
.product-overlay{position:absolute; left:0;top:0;width:100%;height:100%;opacity: 0;transition: opacity .3s; background:rgba(0,0,0,.7); transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s;-ms-transition: opacity .3s; -o-transition: opacity .3s;color:#fff; }
ul.product-work li a:hover .product-overlay{opacity:1;}
.grid-caption{top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute;    width: 100%;padding: 0 10px;}
ul.product-work li a img{width:100%;-webkit-transition: transform 1s ease; -moz-transition: transform 1s ease; -ms-transition: transform 1s ease; -o-transition: transform 1s ease; transition: transform 1s ease;}
ul.product-work li a:hover img{-ms-transform: scale(1.05);transform: scale(1.05); -webkit-filter: grayscale(0);filter: grayscale(0);}
/*******************************
5.0 - PORTFOLIO PAGE
*******************************/
.portfolio-section{padding:50px 0 20px 0;}
.gallary ul {padding: 10px 0;list-style:none; text-align: center;}
.gallary ol li {display: inline-block;vertical-align: middle;margin-right: 5px;}
.gallary ol li a {padding: 5px 10px;font-weight: 400;background-color: transparent;color:#1e76ba;border: 1px solid #1e76ba;
border-radius: 3px;text-transform: capitalize;}
.gallary ol li a:hover, .gallary ol li a:focus{text-decoration:none;}
.gallary ol li a.active {font-weight: 700;}
.gallary .gallary-item {margin-bottom:40px !important;display: block;position: relative;margin: 0 auto;max-width: 400px;}
.gallary .gallary-item a{display: block;margin: 0 auto;max-width: 400px;}
.gallary .gallary-item .image-wrapper {position: relative; overflow:hidden; border: 1px solid #f6f6f6;}
.gallary .gallary-item .image-wrapper:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.25);opacity: 0;}
.gallary .gallary-item a:hover .image-wrapper:after{opacity: 1;}
.gallary .gallary-item .image-wrapper img {width: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.gallary .gallary-item a:hover .image-wrapper img {transform:scale(1.2)}
.gallary .gallary-item .title {font-size:20px;}
.gallary .gallary-item .title , .gallary .gallary-item  .sub-title{font-style: normal;color: #333;margin: 10px 0;letter-spacing: normal;margin-bottom: 0;    line-height: 140%;font-weight: 700;}
.gallary .gallary-item  .sub-title {margin-top: 0;font-size: 14px;}
.gallary .gallary-item a:hover .title{color:#1e76ba; }
.gallary .gallary-item a:hover{text-decoration:none;}
.cd-tab-filter a.active{background:#004258;color:#fff;}
/* .cd-gallery ul li{transition:all 600ms ease 0ms;} */
/*******************************
6.0 - PORTFOLIO DETAIL PAGE
*******************************/
.portfolio-detail-sec{padding:0; width:100%;height:auto; float:left;}
.portfolio-detail-sec img{width:100%;}
/*******************************
7.0 - REQUEST A QUOTE PAGE
*******************************/
.raq-section{width: 100%;float: left;padding-top: 50px;}
@keyframes ripple {
  0% {
    box-shadow: 0px 0px 0px 1px transparent;
  }
  50% {
    box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 15px transparent;
  }
}
.md-radio {
  margin: 16px 0;
}
.md-radio.md-radio-inline {
  display: inline-block;
}
.md-radio input[type="radio"] {
  display: none;
}
.md-radio input[type="radio"]:checked + label:before {
  border-color: #337ab7;
  animation: ripple 0.2s linear forwards;
}
.md-radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}
.md-radio label {
  display: inline-block;
  height: 20px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 0;
  cursor: pointer;
  vertical-align: bottom;
}
.md-radio label:before, .md-radio label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .3s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 0, 0, 0.54);
}
.md-radio label:after {top: 5px;left: 5px;width: 10px;height: 10px;transform: scale(0);background: #337ab7; }
select {   font-family: inherit;   background-color: transparent;   width: 100%;  padding: 12px 10px;   font-size: 16px;   color:#999;   border: none;   border-bottom: 1px solid #757575;   border-radius: 0;   padding-right: 25px; }
select option, select.error option:disabled{color:#999 !important;}
/* Remove focus */
select:focus {
  outline: none;
}
/* Hide label */
.mdl-selectfield label {
  display: none;
}
/* Use custom arrow */
.mdl-selectfield select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mdl-selectfield {position: relative;}
.mdl-selectfield:after {
  position: absolute;
  top:20px;
  right: 0.5em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: .25em solid transparent;
  border-right: .25em solid transparent;
  border-top: 0.375em solid rgba(0,0,0, 0.7);
  pointer-events: none;
}
/*******************************
8.0 - BLOG PAGE
*******************************/
.blog-section{width: 100%;float: left;padding-top: 50px;padding-bottom: 40px;}
.blog-search .group label{padding-left:35px;}
.blog-search input:focus ~ label, .blog-search input:valid ~ label{padding-left:0;}
.blog-search input{padding-left:35px;}
.post_category_name{display: inline-block !important;vertical-align: top;margin:20px 0 20px 0 !important;padding: 10px 25px;
font-size: 11px;line-height: 20px;letter-spacing: 0.2em;font-weight: bold;text-transform: uppercase;    color: #004258;
    border: 1px solid #004258;cursor: pointer;transition: all 400ms;}
.post_name{display: block;font-size: 18px;line-height: 22px;font-weight: bold;color: #004258;text-align:center;}
 .post_description {text-align:left; max-height: 144px;overflow: hidden;margin: 20px 0 0;font-size: 16px;line-height: 24px;text-align: left;color: #333;}
 .blog-thumbs img{max-height:350px;}
.gallary .blog-thumbs .gallary-item{height:560px;}
a:hover.post_category_name{background:#004258; color:#fff;}
.load_more_btn{background: #004258;color: #fff;cursor:pointer; display:inline-block; margin-top:0px; padding:5px 15px;}
.load_more_btn:hover{opacity:0.8;}
.blog-section .gallary-item{height:600px;}
.blog-section .gallary-item a:hover{text-decoration:none;}
.cd-filter-content input{background:transparent; border-bottom: 1px solid #004258;padding-left: 25px;color: #004258;}
.cd-filter-content.search:before, .cd-filter-content.search:after {content: ' ';position: absolute;margin: 15px 6px;pointer-events: none;}
.cd-filter-content.search:before {top:-2px;left:5px;width: 18px;height: 18px;border: 1px solid #004258;-webkit-border-radius: 50%;border-radius: 50%;}
.cd-filter-content.search:after {top: 14px;left: 21px;width: 1px;height: 7px;background:#004258;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cd-select.cd-filters:after{top: 20px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgb(0, 66, 88);}
.cd-select.cd-filters select{color:#004258;}
/*******************************
9.0 - BLOG DETAIL PAGE
*******************************/
.blog-detail-sec{position: relative;}
.blog-detail-sec .post_scoreboard{position: relative;width: 100%;overflow: hidden;}
.blog-detail-sec .post_scoreboard .blog-banner{position: relative;height: 550px;}
.blog-detail-sec .post_scoreboard .blog-banner img{position: relative;display: block;will-change: transform;object-fit: cover;
height: 100%;width: 100%;}
.blog-detail-sec  .post_scoreboard .scoreboard_text {position: absolute;top:0px;left:0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4); padding:100px 30px 20px 30px;}
.blog-detail-sec .post_scoreboard .scoreboard_text h1 {margin: 0;font-size: 50px;line-height: normal;font-weight: bold;color: #fff;}
.blog-detail-sec .post_scoreboard .scoreboard_text .post_cat_name {display: inline-block;vertical-align: top;margin: 35px 10px 0 0;padding: 10px 25px;font-size: 11px;line-height: 20px;letter-spacing: 0.2em;font-weight: bold;text-transform: uppercase;color: #fff;border:1px solid #faa61a;cursor: pointer;border-radius:3px;transition: all 400ms;}
.blog-detail-sec .post_scoreboard .scoreboard_text .post_cat_name:hover{background: #faa61a;border-color: #faa61a;color: #fff;text-decoration:none;}
.blog-detail-sec  .post_content {width: 770px;margin: 80px auto 0;border-bottom: 1px solid #d8e6f5;}
.blog-detail-sec .post_content p {margin: 0 0 25px;font-size: 20px;line-height: 30px;font-weight: 300;color: #000; text-align:justify;}
.next-post{margin-top:60px;}
.next-post>.row>.col-xs-12{margin-bottom:40px;}
.next-post .gallary-item{height:600px;}
.post_subscribe{text-align:center; margin-bottom:30px;}
.btn.filled.red {color: #fff;border-color: #faa61a;background-color: #faa61a;}
/*******************************
10.0 - ABOUTUS PAGE
*******************************/
.about-page-title{padding:70px 0; background:#fafafa;}
.about-home{padding: 140px 20px;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important; background-attachment:fixed !important;}
.about-home h1.inner-page-title{font-size: 3.25em;line-height: 115%;text-transform: uppercase;}
ul.our-team-list{margin:0;padding:0;list-style:none;clear: both;text-align: center;vertical-align:top;}
ul.our-team-list li{width:33%; padding:5px;display:inline-block;vertical-align:top;height:380px;overflow:hidden;transition:all 0.3s ease-in-out;}
ul.our-team-list li a{position:relative;}
ul.our-team-list li span.member-name{display:none;background:rgba(0, 0, 0, 0.6);position:absolute;left:5px;right:5px;top:5px;bottom:5px;color:#fff;}
ul.our-team-list li:hover span.member-name{display:block;}
ul.our-team-list li span.member-name .dis-table{display:table;width:100%;height:100%;}
ul.our-team-list li span.member-name .dis-tcell{display:table-cell;vertical-align:middle;text-align:center; padding:0 5px;}
#map{width:100% !important;height:500px;text-align: center;}
.fa-spin-fast {-webkit-animation: fa-spin-fast 0.2s infinite linear;animation: fa-spin-fast 0.2s infinite linear;}
.amcharts-chart-div>a{display:none !important;}
.member-detail{position: absolute;background: #eee;top: auto;left: 0;width: 100%;margin-top: 10px;text-align: left;height: 0;overflow: hidden;z-index:3;padding:0px 0; transition:all 0.3s ease-in-out;}
.member-detail .container{padding:30px 15px;}
ul.our-team-list li.active{height:890px;}
ul.our-team-list li.active .member-detail{height: 500px; transition:all 0.3s ease-in-out;}
ul.our-team-list li.active > a:after {top: auto;border: solid transparent;content: " ";height: 0; width: 0;position: absolute;pointer-events: none;border-bottom-color: #ddd;border-width: 15px;left: 50%;margin: -20px 0 0 -15px;}
.member-detail .member-name{color:#004258;font-size:40px; font-weight:bold;margin-bottom:0px;}
.member-detail .member-position{color: #004258;font-size:24px;padding: 0 0 0 5px;margin-bottom:30px;}
.member-detail .member-description{font-size:16px;text-align:justify;}
.member-detail .member-interest{width:100%;float:left;}
.member-detail .member-interest ul{margin:0; padding:0;list-style:none;float:left; margin-top:15px;width: 100%;}
.member-detail .member-interest ul li{width:auto;float:left; border-right:2px solid #000; padding:5px 20px;height:auto;}
.member-detail .ft-color{width:50px;height:50px; background:#000;display:block;border-radius:50%;}
.member-detail .ft-name{display:block;color:#000;font-size:16px; margin-top:10px;}
.member-detail .close-btn{position: absolute;width: 40px;height: 40px;top: 20px;right: 20px;cursor: pointer;}
.member-detail .close-btn:before, .member-detail .close-btn:after{content: '';position: absolute;width: 100%;top: 50%;height: 1px;background: #888;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.member-detail .close-btn:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}
.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align:left;
	width: 100%;
	max-width: 1170px;
}
.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 370px;
}
.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}
.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #eee;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}
.og-expander {
	position: absolute;
	background: #eee;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}
.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}
.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.og-close:before,
.og-close:after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.og-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.og-close:hover:before,
.og-close:hover:after {
	background: #333;
}
.og-fullimg,
.og-details {
	height: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding:0 15px;
}
.og-details {
	padding: 0 40px 0 20px;
}
.og-fullimg {
	text-align: center;
}
.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}
.og-details h3 {font-weight: 300;font-size: 52px;margin-bottom:5px; color:#004258;margin-top: 0;}
.og-details h2 {font-weight: 300;font-size: 30px;margin-top: 0px;margin-bottom:35px; padding-left:5px;color:#004258;}
.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}
.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}
.og-details a:before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}
.og-details a:hover {
	border-color: #999;
	color: #999;
}
.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}
ul.intrest{margin:0; padding:0; list-style:none;    text-align: center;}
ul.intrest li{width:148px; height:100px; float:none; border-right:1px solid #000; text-align:center; padding:15px 10px;}
ul.intrest li:last-child{border-right:0;}
ul.intrest li .icon-img{display: block;height:50px;}
ul.intrest li .icon-img img{width:50px;}
ul.intrest li .icon-des{margin-top:10px; font-size:16px;display: block;}
@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
/*******************************
9.0 - TESTIMONIAL SECTION
*******************************/
.testimonial-section{margin-top:50px;width: 100%;float: left;}   
.profile-section{width:100%;float:left;margin: 50px 0 80px 0;}
.testimonial-section .carousel{padding:0 60px;}
.profile-section .profile-card{width:120px;height:120px; display:block; border-radius:50%;border:4px solid #104d62;overflow:hidden; margin:0 auto;}
.profile-section .profile-name{width:100%; float:left; text-align:center; color:#104d62; font-size:30px; padding:15px;}
.profile-section .profile-detail{width:100%; float:left;  text-align:center;font-size:20px;padding: 0 70px;}
.testimonial-section .carousel-control.left{display:block;background-image: url(../images/arrow-left-blue.png);left:10px; margin:0;}
.testimonial-section .carousel-control.right{display:block; background-image: url(../images/arrow-right-blue.png);right:10px;margin:0;}
.testimonial-section .carousel-control.left:hover, .testimonial-section .carousel-control.right, .testimonial-section .carousel-control.right:hover{cursor:pointer !important;}
.testimonial-section .carousel-indicators li {border:1px solid #104d62;}
.testimonial-section .carousel-indicators li.active {background:#104d62;}
/*******************************
10.0 - SUBSCRIBE SECTION
*******************************/
.subscribe-section{width:100%; float:left; background:#f5f7f8;}
.subscribe-section h3{color:#808080; margin:26px 0;text-align:right;font-size: 30px;}
.subscribe-section form{margin: 20px 0;width: 100%;float: left;}
.subscribe-section input{border:1px solid #e8e0e0;}
.subscribe-section input[type=submit]{background: #004155;color: #fff;border:0;}
.subscribe-section input[type=submit]:hover{background:#002a38;}
.active-filters-text{display:inline-block;padding-right:15px;}
.close-icon{margin-left:7px;cursor:pointer;}
.close-icon img{width:10px;}
/*******************************
11.0 - PASSWORD PAGE
*******************************/
.password-container{width:100%; height:100%;position:fixed; top:0; left:0; background:#f2f2f2;z-index:9999;}
.password-inner-contain{width:100%; height:100%;display:table;}
.password-inner-contain .dis-tcell{display:table-cell; vertical-align:middle;}
.password-inner-contain .password-main{width:300px;margin:0 auto;}
.password-inner-contain .password-main .lock-container{width:100%; float:left;}
.password-inner-contain .password-main .lock-container .lock-circle{width:64px;height:64px; margin:0 auto; border:2px solid #8a8a8a; border-radius:50%; text-align:center; line-height:64px;font-size:24px;}
.password-inner-contain .password-main .input-container{ float:left; margin-top:30px; display:table;}
.password-inner-contain .password-main .input-container  input{width:255px;border-bottom:0; padding:10px 10px;display:table-cell;}
.password-inner-contain .password-main .input-container button{width:45px;height: 45px;background:#8a8a8a; outline:0; border:0;box-shadow:none;display:table-cell;color:#fff;}
select::-ms-expand {
    display: none;
}
/*******************************
12.0 - PROCESS PAGE
*******************************/
.process-section{padding-top: 50px;position:relative;}
#Reset{cursor:pointer;}

.process-section .img-detail{ -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;}
.process-section .img-detail h3{font-size:40px;color:#004258;font-family: 'corbelb';text-transform: uppercase;margin-top:0;}
.process-section .img-detail p{font-size:18px; color:#231f20;}
.process-section .img-container{ -ms-flex: 0 0 50%;   flex: 0 0 50%;   max-width: 50%;}
.process-section .first-section{width:100%; -ms-box-orient: horizontal;   display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: -moz-flex;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   flex-flow: row wrap;}
.process-section .first-section .img-detail{padding:0px 0 40px 0px; }
.process-section .second-section{width:100%; -ms-box-orient: horizontal;   display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: -moz-flex;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   flex-flow: row wrap;}
.process-section .second-section .img-container{text-align:right;-ms-flex-order: 2;order: 2;}
.process-section .third-section{width:100%; -ms-box-orient: horizontal;   display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: -moz-flex;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   flex-flow: row wrap;}
.process-section .third-section .img-container{text-align:left;}
.process-section .third-section .img-container:before{background: url("../images/process-before-left.png") no-repeat; margin-left:18px;}
.process-section .fourth-section{width:100%; -ms-box-orient: horizontal;   display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: -moz-flex;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   flex-flow: row wrap;}
.process-section .fourth-section .img-container{text-align:right;-ms-flex-order: 2;order: 2;}
.process-section .fourth-section .img-container:before{margin-left: -27px;}
.process-section .fourth-section .img-container:after {background: url("../images/round-after-right.png") no-repeat;margin-left: -28px;margin-top:0px;width: 120px;height: 211px;}

.process-section .fifth-section{width:100%; -ms-box-orient: horizontal;   display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: -moz-flex;   display: -webkit-flex;   display: flex;   -webkit-flex-flow: row wrap;   flex-flow: row wrap;}
.process-section .fifth-section .img-container{text-align:left;}
.process-section .fifth-section .img-container:before{background: url("../images/process-before-left.png") no-repeat; margin-left:27px;}




/*******************************
13.0 - Dojo Portfolio
*******************************/
.dojo-mainbanner{width:100%;}
.dojo-mainbanner img{width:100%;}
.dojo-section-two{width:100%; text-align:center;position:relative}
.dojo-section-two img{width:100%;}
.dojo-section-three{padding:65px 0;background:#f4f4f4; color:#3b3b3b; font-size:25px;text-align:center;}
.dojo-wireframe-section{padding:50px 0;}
.section-title{font-size:50px; color:#3b3b3b; text-align:center; margin-bottom:50px;}
.dojo-mainscreen-section{width:100%;background:#48bfac; height:613px;}
.dojo-mainscreen-section .splash-screen{width:100%; float:left; margin-top:85px;}
.dojo-mainscreen-section .splash-screen .splash-screen-head{text-transform:uppercase;color:#fff;font-size:30px; margin-bottom:30px;}

.dojo-mainscreen-section .welcome-screen{width:100%; float:left; margin-top:110px;}
.dojo-mainscreen-section .welcome-screen .welcome-screen-head{text-transform:uppercase;color:#fff;font-size:30px; margin-bottom:20px;text-align:center;}
.dojo-mainscreen-section .login-screen{width:100%; float:left; margin-top:30px;    text-align: right;}
.dojo-mainscreen-section .login-screen .login-screen-head{text-transform:uppercase;color:#fff;font-size:30px; margin-bottom:20px;text-align:center;}
.dojo-mainscreen-detail{font-size:22px;color:#3b3b3b; text-align: center; padding-top:30px;padding-bottom:30px;}
.dojo-otherscreen-section{width:100%; float:left;}
.otherscreen-head{text-align:center;color:#3b3b3b;font-size:35px;padding-bottom: 100px;}
ul.screen-name{margin:0; padding:0;list-style:none;width:100%;text-align:center;}
ul.screen-name  li{display:inline-block; color:#3b3b3b;font-size: 28px;padding:20px 45px;}

.dojo-otherscreen-inner{width:100%; float:left; background:#48bfac;margin-top: 285px;padding-bottom: 15px;}
ul.screen-list{width:1200px; margin:0 auto; padding:0;list-style:none;}
ul.screen-list li{width:245px; float:left;position:relative;}
ul.screen-list li:before{content:"";position:absolute; top:-200px; left:0; width:100%;text-align:center; color:#3b3b3b; font-size:30px;}
ul.screen-list li:nth-child(1):before{content:"Spending";}
ul.screen-list li:nth-child(2):before{content:"Activity";top: -298px;}
ul.screen-list li:nth-child(3):before{content:"Manage Kids";top: -105px;}
ul.screen-list li:nth-child(4):before{content:"Dashboard";top: -298px;}
ul.screen-list li:nth-child(5):before{content:"Parents Account";}
ul.screen-list li:nth-child(1){margin-top:-140px;padding-left:0px;}
ul.screen-list li:nth-child(2){margin-top:-40px; margin-left:-10px;}
ul.screen-list li:nth-child(3){width:390px;margin-top:-232px;margin-left:-66px; z-index:3;}
ul.screen-list li:nth-child(4){margin-top:-43px;margin-left: -87px;z-index:2;}
ul.screen-list li:nth-child(5){margin-top:-140px;margin-left: -12px;z-index:2;}

.dojo-typography-section {width:100%; float:left; padding-top:45px;}
.dojo-typography-section .dojo-typography-head{color:#3b3b3b;font-size:50px;text-align:center;}
.dojo-typography-section .dojo-typography-content{width:100%; float:left;    margin-top: 30px;}
.dojo-typography-section .dojo-typography-content h2{font-size:30px;color:#3b3b3b; margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content h1{font-size:65px;color:#3b3b3b;margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content .paragraph-medium{font-size:16px;color:#3b3b3b;margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content h4{font-size:30px;color:#3b3b3b; margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content h3{font-size:65px;color:#3b3b3b;margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content .paragraph-book{font-size:16px;color:#3b3b3b;margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content h6{font-size:30px;color:#3b3b3b; margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content h5{font-size:65px;color:#3b3b3b;margin:10px 0 0 0;}
.dojo-typography-section .dojo-typography-content .paragraph-regular{font-size:16px;color:#3b3b3b;margin:10px 0 0 0;}

.dojo-colorpalette-section {width:100%; float:left; padding-top:45px;padding-bottom: 45px;}
.dojo-colorpalette-section .dojo-colorpalette-head{color:#3b3b3b;font-size:50px;text-align:center;}
.dojo-colorpalette-section .dojo-colorpalette-detail{width:100%; float:left;margin-top: 50px;}
.dojo-colorpalette-section .dojo-colorpalette-detail .color-palette{width:105px; height:105px;float:left;border-radius:50%; }
.dojo-colorpalette-section .dojo-colorpalette-detail .color-palette-discription{display:table-cell; vertical-align:middle; padding-left:15px; }
.dojo-icons-section{width:100%; float:left; padding-top:45px;  background:#48bfac;}
.dojo-icons-section .dojo-icons-head{color:#fff;font-size:50px;text-align:center;}
ul.icons-list{margin:0;padding:0;list-style:none; width:100%;text-align:center;}
ul.icons-list li{width:123px;display:inline-block; padding:35px 30px; }
.dojo-footer img{width:100%;}

/*******************************
14.0 - Healthjump Portfolio
*******************************/
.healthjump-header{width:100%; float:left; background:#fff; position:relative; padding-top:20px;}
.healthjump-header .top-content{position:absolute; left:15px;color:#797979; font-size:29px;width:445px; top: 190px; }
.healthjump-header:after{content:"";position:absolute; left: 0; width:100%; background:url(../portfolio/healthjump/section-one-bg.png) no-repeat; height:175px;background-size: 100% 100%;z-index:1;bottom: -140px;}

.healthjump-header-device{width:100%; float:left; margin-top: -105px;position:relative;z-index:2;}
.healthjump-screens{width:100%;  padding-top:300px; float:left; margin-top: -34px; background:#444e59 url(../portfolio/healthjump/screenbg.png) no-repeat; background-size:cover;position:relative;    overflow: hidden; padding-bottom:300px;}
.healthjump-screens .container{padding:0 30px;}
.healthjump-screens .container .row{margin:0 -30px;}
ul.healthjump-screen{width:100%; float:left; margin:0; padding:0; list-style:none;}
ul.healthjump-screen li{width:33.3333%; float:left; padding:0 30px; padding-top:90px;}
ul.healthjump-screen li img{box-shadow: 0px 0px 20px 10px rgba(47, 36, 36, 0.4);}
ul.healthjump-screen li.alter img{margin-top:-180px;}
.healthjump-color-section{width:100%;float:left; position:relative; padding-bottom:100px;}
.healthjump-color-section:before{content:"";position:absolute; width:100%; background:url(../portfolio/healthjump/down-circle.png) no-repeat; height:175px;background-size: 100% 100%;z-index:1;top: -175px;}
.healthjump-color-section:after{content:"";position:absolute; width:100%; background:url(../portfolio/healthjump/down2_06.png) no-repeat; height:175px; z-index:1;bottom:-170px;     background-size: 100% 100%;}
.healthjump-color-section  h1{color:#878787; font-size:50px;position: relative;z-index: 2;margin-top: -120px;}
.healthjump-color-section  h2{color:#878787; font-size:50px;position: relative;text-transform:uppercase; margin:60px 0;}
.healthjump-color-section .color-patel-inner{width:100%;}
.healthjump-color-section .color-patel-inner .color-circle{width: 105px;height: 105px; border-radius:50%;margin:0 auto; display:block;}
.healthjump-color-section .color-patel-inner .color-coad{margin-top:10px;text-align:center; font-size:30px; color:#878787;}
.healthjump-footer{width:100%; height:450px; background:url(../portfolio/healthjump/footer-bg.jpg); background-attachment:fixed; float:left; background-position:center; background-size:cover;}

/*******************************
15.0 - MeetIn Portfolio
*******************************/
.meetin-header{width:100%;float:left;}
.meetin-header>img {width: 100%; }
.meetin-header-overlay{position: absolute;top: 100px;text-align: center;width: 100%;}
.meetin-header-overlay .header-device{float:left; position:relative;text-align:left;}
.meetin-header-overlay .header-device .device-content{position:absolute; width:430px; top:50%; left:302px; transform:translateY(-50%);color: #fff;}
.meetin-header-overlay .header-device .device-content p{z-index: 2;position: relative; padding:15px; margin:0; font-size:26px}
.meetin-header-overlay .header-device .device-content:before{position:absolute;content:""; left:0; right:100px; height:100%;background: rgba(239, 148, 32, 0.8);}	
.meetin-header-overlay .header-device .device-content:after{position:absolute;content:""; width:100px;right:0px; height:100%;background:url(../portfolio/meetin/tr-bg.png);top:0;}

.meetin-container-section{width:100%;float:left;}
.meetin-container-section .meetin-about{width:100%;float:left;padding: 80px 0;}
.meetin-container-section .meetin-about p{font-size:19px;color:#7b7b7b; text-align:center;}
.meetin-container-section .meetin-about ul.meetin-store{margin:60px 0 0 0; padding:0;list-style:none;}
.meetin-container-section .meetin-about ul.meetin-store li{width:50%;float:left;}
.meetin-container-section .meetin-about ul.meetin-store li:first-child{padding-right:20px; text-align:right;}
.meetin-container-section .meetin-about ul.meetin-store li:last-child{padding-left:20px; text-align:left;}
.meetin-container-section .typograpy-section{width:100%;float:left; padding:0 0 30px 0;}
.meetin-container-section .typograpy-section img{margin-bottom:20px;}
.meetin-container-section .section-head{color:#7b7b7b;font-size:40px;text-align:center; margin:30px 0 50px 0;}
.meetin-container-section  .color-section{width:100%;float:left;}
.meetin-container-section  .color-section .coad{color:#7b7b7b;font-size:30px; display:block; padding:20px 30px ; margin-bottom:30px;}
.meetin-container-section .icon-section{width:100%;float:left;}
.meetin-container-section .icon-section ul.icons-list{margin: 0;padding: 0;list-style: none;width: 100%;text-align: center; }
.meetin-container-section .icon-section ul.icons-list li{width: 123px;display: inline-block;padding: 35px 30px;}
.meetin-container-section .screens{width:100%;float:left; padding:50px 0;}
.meetin-container-section .screens img{width:100%;}
.meetin-container-section .application{width:100%;float:left;}
.meetin-container-section .application h1{font-size:50px;color:#f29300;margin: 0 auto; text-align:center; margin-bottom:50px; max-width:820px;}
.meetin-screen-section{width:100%;float:left; margin-top:50px;}
.meetin-screen-section ul.meetin-screens{margin:0; padding:0;list-style:none;}
.meetin-screen-section ul.meetin-screens li{width:100%; float:left;}
.meetin-screen-section ul.meetin-screens li .m-screen-thumb{float:left;}
.meetin-screen-section ul.meetin-screens li .m-screen-detail{float:left;margin-top:80px;}
.meetin-screen-section ul.meetin-screens li:nth-child(even){margin-top:-115px;}
.meetin-screen-section ul.meetin-screens li:nth-child(even) .m-screen-thumb{float:right; margin-top:-460px;}
.meetin-screen-section ul.meetin-screens li:nth-child(even) .m-screen-detail{float:right;text-align: right;}
.meetin-screen-section ul.meetin-screens li .screen-number{width:60px; height:60px;display:inline-block; border:1px solid #f29300; border-radius:50%; color:#f29300;font-size:30px; text-align:center; line-height:50px;    margin: 0 10px;}
.meetin-screen-section ul.meetin-screens li .dis-tcell{vertical-align:top;}
.meetin-screen-section ul.meetin-screens li .dis-tcell h3{margin-top:10px; margin-bottom:5px;}

.meetin-footer{width:100%; height:530px; background:url(../portfolio/meetin/footer-bg.jpg); background-attachment:fixed; float:left; background-position:center; background-size:cover;}
.meetin-screen-section ul.meetin-screens li .meetin-meeteto{float: left;margin-top: -275px;text-align: center;width: 50%; }
.meetin-screen-section ul.meetin-screens li .meetin-meeteto img{width:277px;}




.backbtn-container{width:100%; float:left; background:#004258;}
.back-btn{display:inline-block; padding:10px 0; font-size:24px; color:#fff;text-decoration:none;font-family: 'corbel';}
.back-btn:hover, .back-btn:focus{color:#b5b5b5;text-decoration:none;}
.back-btn:before{content:"";width:18px; height:18px;display:inline-block; background:url(../images/left-arrow.svg)  no-repeat; background-size:100%; margin-right:5px;position:relative;top:2px;}
.back-btn:hover:before, .back-btn:focus:before{background:url(../images/left-arrow-hover.svg)  no-repeat;background-size:100%;}

#contact{background:#fff; padding-bottom:50px;}


/*******************************
16.0 - MEDIA QUARY
*******************************/
@media (min-width:768px){
.banner-containt .carousel-inner>.item{height:420px;}

.module-featured-content .product-detail{width: 41.6667%;}
.module-featured-content .inner{height:420px;}
.web-none{display:none;}
.meetin-container-section  .color-section  .middle{text-align:center;}
.meetin-container-section  .color-section  .right{text-align:right;}
#mc_embed_signup_scroll{display:table;margin:0 auto; width:750px;}
#mc_embed_signup_scroll .left-section{display:table-cell; vertical-align:middle;width: 245px;}
#mc_embed_signup_scroll .right-section{display:table-cell; vertical-align:middle;padding-left:10px;}
#mc_embed_signup label {font-size: 20px !important;}
#mc_embed_signup .clear {display:inline-block !important; width:auto !important;}
.meetin-screen-section ul.meetin-screens li .m-screen-thumb img{max-width:350px;}
.process-section .img-container{padding-right:50px;}
.process-section .second-section .img-container, .process-section .fourth-section .img-container{padding-right:0; padding-left:50px;}
.process-section .first-section, .process-section .second-section, .process-section .third-section, .process-section .fourth-section, .process-section .fifth-section{margin-top:100px;}
}

@media (min-width:992px){
ul.intrest li{width:115px;}
.banner-containt .carousel-inner>.item{height:470px;}
.module-featured-content .inner{height:470px;}

.dojo-mainscreen-section .welcome-screen{margin-left:-20px;}
.meetin-container-section .typograpy-section .container{width:970px;}
.meetin-container-section  .color-section .container{width:970px;}
.meetin-container-section .icon-section .container{width:970px;}
.meetin-container-section .application .container{width:970px;}
#mc_embed_signup_scroll{width:850px;}
#mc_embed_signup label {font-size: 28px !important;}
#mc_embed_signup_scroll .left-section{width: 330px;}
.meetin-header-overlay .header-device{max-width:235px;}
.meetin-header-overlay .header-device .device-content{left:232px;}
.meetin-screen-section ul.meetin-screens li .m-screen-thumb img{max-width:490px;}
.meetin-screen-section ul.meetin-screens li .meetin-meeteto{margin-top:-150px;}
.process-section .img-container{padding-right:90px;}
.process-section .second-section .img-container, .process-section .fourth-section .img-container{padding-right:0; padding-left:90px;}

}

@media (min-width:1200px){
.og-fullimg, .og-details {width:1170px;}	
ul.intrest li{width:148px;}
.banner-containt .carousel-inner>.item{height:560px;}
.banner-containt{height:560px;}
.banner-containt .item{height:560px;}
.banner-containt .item  .banner-overlay{width:35%;}

.module-featured-content .inner{height:560px;}
.dojo-mainscreen-section .welcome-screen{margin-left:-40px;}
.dojo-mainscreen-detail{padding:30px 90px;}
.blog-section .gallary-item{height:550px;}
.meetin-header-overlay .header-device{max-width:305px;}
.meetin-header-overlay .header-device .device-content{left:302px;}
.meetin-screen-section ul.meetin-screens li .m-screen-thumb img{max-width:100%;}
.meetin-screen-section ul.meetin-screens li .meetin-meeteto{margin-top:-275px;}
.process-section .img-container{padding-right:180px;}
.process-section .second-section .img-container, .process-section .fourth-section .img-container{padding-right:0; padding-left:180px;}

}
@media (min-width:1500px){

.banner-containt .carousel-inner>.item{height:815px;}
.module-featured-content .inner{height:815px;}
}
@media (max-width: 1199px) {
.banner-detail{padding: 20px 50px;}
.active .banner-detail h2{font-size:30px; text-align:left;}
.og-details {padding: 0 20px 0 20px;}


ul.screen-list{width:970px;}
ul.screen-list li{width:210px;}
ul.screen-list li:nth-child(3){width:300px;}
ul.screen-list li:before{font-size:24px;}
.healthjump-header .top-content{width:380px;}
}
@media (max-width: 991px) {
ul.our-team-list li{width:33.33333%;}	
.header-section .navbar-inverse .navbar-nav>li a{padding:25px 10px;}
.header-section .navbar-brand.two{width:220px;}
.banner-overlay{width:45%;}
.banner-detail{width:50%; padding:0px 50px;}
.active .banner-detail h2{font-size:25px;}
.banner-detail p{font-size:15px;}
.subscribe-section h3{font-size:24px;}
.social-link li a{margin-right:7px;}
.footer-top ul li:last-child a{margin-right:0;}
#return-to-top{bottom:78px;}
.cd-tab-filter li {float: left; margin-right: 5px;margin-bottom: 10px;}
.blog-detail-sec  .post_content{width:100%; padding:0 15px;}

.process-section .img-detail h3{font-size:30px;margin-top: 0;}
.process-section .img-detail p{font-size:15px;}
.process-section .first-section {margin-bottom:8px;}
.process-section .first-section .img-detail {padding: 0px 0 0 30px;}
.process-section .second-section {margin-bottom:8px;}
.process-section .second-section .img-detail { padding-top:0px;padding-right: 30px;}
.process-section .third-section {     margin-bottom:8px; }
.process-section .fourth-section .img-detail {padding-top: 0px;padding-right: 30px;}
.process-section .fourth-section {margin-bottom:10px; }
.process-section .fifth-section .img-detail {padding-top:0px;padding-left:30px; }

ul.screen-list{width:100%; margin-top:70px;}
ul.screen-list li{width:50%;margin:0 !important; margin-bottom:80px !important; padding:0 15px;}
ul.screen-list li img{width:100%;}
ul.screen-list li:nth-child(3){width:100%; text-align:center;}
ul.screen-list li:nth-child(3) img{width:90%;}
ul.screen-list li:before{top:-40px !important; color:#fff;}
.dojo-otherscreen-inner{margin-top:0;}
.otherscreen-head{padding:30px 0;}
.healthjump-color-section:before{height:140px; top:-140px;}
.healthjump-header:after{height:100px; bottom:-65px;}
.healthjump-color-section:after{height:100px; bottom:-99px;}
.healthjump-header a{display:inline-block;width: 200px;}
.healthjump-header .top-content{font-size:20px;width: 290px;top: 130px;}
.meetin-logo img{width:80px;}
.meetin-header-overlay .header-device{max-width:200px;}
.meetin-header-overlay .header-device .device-content{left:197px;}
.meetin-screen-section ul.meetin-screens li:nth-child(even) .m-screen-thumb{max-width:44%;margin-top: -270px;}
.meetin-screen-section ul.meetin-screens li .meetin-meeteto{margin-top:-120px;}
.healthjump-screens{padding-top:100px;padding-bottom:200px;}
ul.healthjump-screen li{padding-top:50px;}
}
@media screen and (max-width: 830px) {
.og-expander h3 {font-size: 32px;}
.og-expander p {font-size: 13px;}
.og-expander a {font-size: 12px;}
}
@media (max-width: 767px) {
.isotope {height: auto !important;}
.isotope-item {text-align: center;transform: none !important;position: relative !important;}
ul.our-team-list li{width:50%;}
.about-tag-section h2{font-size:36px;}
.about-tag-section p{font-size: 22px;}
.testimonial-section .carousel-control.left{left:-5px;}
.testimonial-section .carousel-control.right{right:-5px;}
.profile-section .profile-detail{padding:0 35px;}
.profile-section .profile-detail{font-size:16px;}
.client-icon li{width:50%;}
.client-icon li span{padding:0 20px;}
.client-icon li:first-child span {text-align: center;}
.subscribe-section{padding-bottom:20px;}
.subscribe-section h3{text-align:center;}
.subscribe-section form{margin-top:0;}
.subscribe-section form .col-xs-12{margin-bottom:15px;}
.header-section .navbar-inverse .navbar-nav>li a {padding: 15px 15px;}
.header-section .navbar-inverse .navbar-nav>li .button{margin:0 15px;}
.header-section .navbar-brand.two{width:auto;}
.navbar-toggle{margin-top:20px;}
.about-home{padding:50px 0px 50px 0px;}
.about-home h1.inner-page-title {font-size: 22px;line-height: 1.4;}
.footer-top .col-sm-5{margin-top:15px;}
.main{width: 100%;float: left;margin-bottom: 30px;}
.social-link{float:left;}
.portfolio-detail-sec{margin-bottom:50px;}
.cd-gallery li{height:auto !important; width:100%;}
.blog-section{margin-bottom:50px;}
.banner-overlay{width:100%;}   
.banner-detail{width:100%; padding:10px 30px;}
.active .banner-detail h2{margin-top:0;font-size:24px;}
.banner-detail p{font-size:14px;}
.blog-section .gallary-item, .next-post .gallary-item{height:auto;}
.blog-section .cd-gallery li{margin-bottom:70px;}
.footer-top ul {float:none;margin:0 auto !important;text-align:center;}
.footer-top ul{width:287px;}
.footer-top .social-link{width:275px;}
.client-icon li:nth-child(5) span, .client-icon li:nth-child(11) span, .client-icon li:nth-child(15) span{text-align:center;}
.banner-containt .carousel-inner>.item {height:350px;}
.module-featured-content .text{height:100%;}
.module-featured-content .category{font-size:20px;}

.process-section  .img-detail {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.process-section .img-detail h3 {font-size: 24px; margin-top:40px;text-align:center;}
.process-section .first-section .img-detail {padding:0px 0px 20px 0px;}
.process-section .second-section{margin-top:0;}
.process-section .second-section .img-container img{width:auto;}
.process-section .third-section {margin-bottom:0px;}
.process-section .third-section .img-detail{padding-left:0;}
.process-section .fourth-section .img-container{text-align:center;}
.process-section .fourth-section .img-detail{height:auto;padding-right:0px !important;}
.process-section .fifth-section{margin-top:0;}
.process-section .fifth-section .img-container{text-align:center;}
.dojo-mainscreen-section .splash-screen{text-align:center;}
.mob-none{display:none;}
.process-section  .img-container{text-align:center;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.process-section  .img-container img{max-width:300px;}
.process-section .second-section .img-container{text-align:center;}
.dojo-mainscreen-section .welcome-screen{text-align:center;}
.dojo-mainscreen-section{height:auto;}
.dojo-mainscreen-section .login-screen{text-align:center;}
.dojo-mainscreen-detail{color:#fff;}
.og-grid{text-align:center;}

ul.healthjump-screen li{width:100%;padding:20px 15px;    text-align: center;}
ul.healthjump-screen li.alter img{margin-top:0;}
.healthjump-header {text-align:center;}
.healthjump-header a{display:inline-block;width: 200px;margin-bottom: 20px;}
.healthjump-header-device{margin-top:35px;}
.healthjump-header .top-content{position:static;width:100%;}
.healthjump-header{padding-bottom:20px;}
.healthjump-color-section  h1{margin-top:-95px;}
#mc_embed_signup_scroll{width:100%; padding:15px;}
.reset-btn{width:100%; margin:0 0 10px 0;}
.send-btn{width:100%; margin:0;}
.meetin-container-section .color-section{text-align:center;}
.meetin-container-section .typograpy-section{text-align:center;}
.meetin-screen-section ul.meetin-screens li:nth-child(even) .m-screen-thumb{max-width:100%;margin-top:0; text-align:center;}
.meetin-screen-section ul.meetin-screens li .m-screen-detail{margin-top:0;}
.meetin-header-overlay .header-device .device-content:after{display:none;}
.meetin-screen-section ul.meetin-screens li .m-screen-detail{width:100%;}
.meetin-screen-section ul.meetin-screens li .m-screen-thumb{width:100%;text-align:center;}
.meetin-screen-section ul.meetin-screens li:nth-child(even) {margin-top: 15px; }
.meetin-screen-section ul.meetin-screens li .meetin-meeteto{float: none;margin: 35px auto 0 auto;}
.meetin-header-overlay .header-device .device-content{left: 93px;width:200px;}
.meetin-header-overlay .header-device{max-width: 95px;}
.meetin-header-overlay .header-device .device-content:before{right:0;}
.meetin-header-overlay .header-device .device-content p{font-size:16px;}
.process-section .second-section .img-container, .process-section .fourth-section .img-container{-ms-flex-order: 1;order: 1;}
.process-section  .img-detail{-ms-flex-order: 2;order: 2;position: relative;}
.process-section .third-section .img-container{text-align:center;}
.process-section .first-section, .process-section .second-section, .process-section .third-section, .process-section .fourth-section, .process-section .fifth-section{margin-top:70px;}
.process-section .second-section .img-detail{padding-right:0;}
.healthjump-screens{padding-top:90px;padding-bottom:90px;}
.footer-bottom.text-center {
    flex-direction: column;
}
}
@media screen and (max-width: 650px) {
.og-fullimg { display: none; }
.og-details { float: none; width: 100%; }
.og-expander-inner{padding:50px 0;}	
.og-details { padding: 0 15px 0 15px;}
.og-expander{position:relative;}
.og-grid li{margin: 10px 10px 0 10px;}
ul.intrest li{width:33.333%; float:left;margin:0 0 15px 0;}
ul.intrest li:nth-child(3), ul.intrest li:nth-child(6){border-right:0px ;}
.og-grid li > a img{margin: 0 auto;}
.module-featured-content h1{font-size:15px;}
}
@media screen and (max-width:479px){
.banner-overlay{width:100%;}
.banner-detail{width:100%; padding:10px 30px;}
.active .banner-detail h2{margin-top:0;font-size:22px;}
.banner-containt .carousel-inner>.item{height:230px;}
.banner-containt .carousel-inner>.item img{height:230px;}
ul.intrest li{width:50%; float:left;margin:0 0 15px 0;}
ul.intrest li:nth-child(even){border-right:0px ;}
.og-expander-inner {padding: 45px 0;}
.pdf-download-container ul li a{font-size:16px;}
.footer-top ul{width:273px;}
.footer-top ul li{padding:0 3px !important;}
.footer-top .social-link{width:265px;}
.footer-top .social-link li{padding:0 4px;}
.footer-top .social-link li:last-child{padding-right:0;}
.banner-containt .carousel-inner>.item {height:370px;}


.process-section .img-container{text-align:center;}
.process-section .first-section .img-detail:before{    margin-left: -10px;}
ul.screen-list li{width:100%;}
ul.screen-list li:nth-child(3) img{width:100%;}
.healthjump-header:after {     height: 55px;     bottom: -21px; }
.healthjump-color-section:before {     height: 80px;     top: -80px; }
.healthjump-color-section  h1{margin-top: -50px;margin-bottom: 50px;}
.healthjump-color-section  h2{font-size: 30px;}
.healthjump-color-section:after {     height: 75px;     bottom: -74px; }
}
/*******************************
10.0 - CUSTOM CSS
*******************************/ 
.p-0{padding:0;}

.iw_content {
	padding: 15px 15px 15px 0;
}

.map_address{width:280px; text-align: left;}
.map_address h4{color: #000;font-size: 22px;margin-bottom: 20px;}
.map_address ul{margin:0; padding:0; list-style:none;}
.map_address ul li{display:table; width:100%;float:left; margin-bottom:10px;}
.map_address ul li .icon{width:30px; }
.map_address ul li span{display:table-cell; vertical-align:middle; padding-left:10px;font-size: 16px;color: #333;}
.map_address ul li .icon{width:30px; height:32px; background-repeat:no-repeat;padding-left:0px;vertical-align:top;}
.map_address ul li:nth-child(2) .icon{background-image:url(../images/avatar.svg); background-size: 30px;}
.map_address ul li:nth-child(3) .icon{background-image:url(../images/email_gray.svg); background-size: 27px;}
.map_address ul li:nth-child(4) .icon{background-image:url(../images/telephone_gray.svg); background-size: 27px;}
.map_address ul li:nth-child(1) .icon{background-image:url(../images/pin_icon.svg); background-size: 25px;}
.map_address ul li:first-child span{ font-weight: 600;}