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

.navbar {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	margin-bottom: 0!important;
	
}
.navbar-brand{
	height: auto!important;
}
p {
	font-size: 16px;
}
h3 {
	font-size: 28px;
    font-weight: 500;
}

/*-- Main --*/
h2 {
    font-weight: 700;
    padding: 10px 0px;
}

a, .blue {
	color: #38b6ff;
}
hr.blue-line {
    border-top: solid #38b6ff 3px!important;
}
a:hover {
	color: #38b6ff;
    text-decoration: underline;
}
.circle {
	border-radius: 100px;
}
.contact {
    background-color: #38b6ff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background: #dd272b;
}

html, body{height: 100%;}


body {

	font-family: "Brown-Light", sans-serif;

}
.btn-blue {
	-webkit-appearance: none;
    cursor: pointer;
    font-family:"Brown-Light", sans-serif !important;
    font-size: 14px;
    text-align: center;
    background: #38b6ff !important;
    border: 0 !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding: 10px !important;
	width: 100%;
}
.btn-blue:hover{
	opacity: 0.7;
}
.btn-image {
    background: none;
    border:0;
    padding-left: 0px;
    padding-right: 0px;
}
.btn-image:hover {
    cursor: pointer;
}
button:focus {
	outline: none!important;
	border:0!important; 
}
.hero {
    background-color: #f5f5ef;
}





h1, h2, h3, h4, h5 {
	font-family: "Brown-Regular", sans-serif;
}
h1 {
    font-weight: 900;
}

hr {
	border-top:1px solid rgba(125, 125, 125, 0.74)!important;
}





.bform-main{margin:auto; padding:10px 0px; flex-wrap:wrap; align-items:center; align-content:center; }
.popup-center{max-width:1000px; margin:auto; background:#fff; position:relative; padding:30px; display:flex; color:#fff; flex-wrap:wrap;}
.popup-center .typeclose{position:absolute; right:5px; top:5px; background:none; border:none; color:#dedede; padding:6px 8px; font-size:16px; cursor:pointer; outline:none; z-index:1;}
.popup-center .typeclose:hover{ color:#ff7043}
.popup-center h2{padding:0 0 15px; font-size:30px; line-height:1;}
.popup-center p{color:#fff; padding:0 0 15px;}
.popup-center em{font-style:italic;}
.popup-center ul{padding:0; margin:0;}
.popup-center ul li{list-style:none; background:url(../images/dott.png) left 8px no-repeat; padding:0 0 5px 12px; margin:0; display:block;}
.popup-center a{color:#262d2d;}
.popup-center a:hover{color:#fff;}
.popup-center a.btn{padding:10px 24px; text-align:center; font-size:16px; text-transform:none; background:#262d2d; color:#fff; display:inline-block;}
.popup-center a.btn:hover{background:#00b3e3;}

.bform-main.active{display:flex;}
.bform-main .popup-center{width:100%; max-width:700px;}
.bform-main ._form_11{width:100%;}
.bform-main ._form-title{ font-family: "Brown-Light", sans-serif !important; font-size:30px !important; font-weight:700 !important; color:#666666 !important; text-align:center !important;}
.bform-main ._html-code p{ font-family: "Brown-Light", sans-serif !important; font-size:18px !important; color:#666666 !important; font-weight:300 !important; text-align:center !important; padding:0 0 5px !important;}
.bform-main ._form-label {font-weight:300 !important; width:auto !important; line-height:normal; font-family: "Brown-Light", sans-serif; font-size:16px; color:#666666;}
.bform-main form{width:100% !important; padding:0 !important; margin:0 !important;}
.bform-main .popup-center > div {width:100% !important;}
.bform-main ._form_element{width:50% !important; float:left !important; padding:0px 15px 12px 0px; clear:none !important; margin:0 !important;}
.bform-main ._form_element._field277{width:100% !important;}
.bform-main ._form_element ._field-wrapper input, .bform-main ._form_element ._field-wrapper textarea{background-color:#f5f8fa !important; border:1px solid #dae2eb !important; padding:7px 15px !important; height:auto; border-radius:4px !important; box-shadow:none; line-height:normal; width:100% !important; font-size:16px !important; font-family: "Brown-Light", sans-serif !important;}
.bform-main ._button-wrapper{padding:10px 0px 0 0px; clear:both;}
.bform-main form ._button-wrapper #_form_11_submit,
.bform-main form ._button-wrapper #_form_158_submit, .bform-main form ._button-wrapper _form_159 {background:#38B6FF !important; border-radius:4px !important; font-size:16px !important; line-height:1; padding:15px 26px 13px !important; border:none !important; color:#fff !important; font-family: "Brown-Light", sans-serif !important; width:40%; transition: ease-in 0.2s;}
.bform-main form ._button-wrapper #_form_11_submit,
.bform-main form ._button-wrapper #_form_158_submit:hover, .bform-main form ._button-wrapper #_form_159_submit:hover{border:none; color:#fff; opacity: 0.7;}
.bform-main form ._form-thank-you{font-size:30px !important; color:#000000 !important; font-family: "Brown-Light", sans-serif !important; font-weight:300 !important; padding:50px 0 !important; width:100% !important; text-align:center !important;}

@media (max-width: 667px) {
.bform-main ._form_element{width:100% !important; margin-bottom:15px !important;}
.bform-main ._button-wrapper{padding:5px 0 0}
.bform-main ._form_element p{margin-bottom:0 !important;}
.bform-main ._form-title{padding-top:10px;}
}

@media (max-width: 479px) {
.bform-main .popup-center{padding:20px;}
.bform-main ._form-title{font-size:26px !important;}
.bform-main form ._form-thank-you{font-size:26px !important; padding:30px 0 !important;}

}


.bform-main-2{margin:auto; padding:10px 0px; flex-wrap:wrap; align-items:center; align-content:center; }
.popup-center{max-width:1000px; margin:auto; background:#fff; position:relative; padding:30px; display:flex; color:#fff; flex-wrap:wrap;}
.popup-center .typeclose{position:absolute; right:5px; top:5px; background:none; border:none; color:#dedede; padding:6px 8px; font-size:16px; cursor:pointer; outline:none; z-index:1;}
.popup-center .typeclose:hover{ color:#ff7043}
.popup-center h2{padding:0 0 15px; font-size:30px; line-height:1;}
.popup-center p{color:#fff; padding:0 0 15px;}
.popup-center em{font-style:italic;}
.popup-center ul{padding:0; margin:0;}
.popup-center ul li{list-style:none; background:url(../images/dott.png) left 8px no-repeat; padding:0 0 5px 12px; margin:0; display:block;}
.popup-center a{color:#262d2d;}
.popup-center a:hover{color:#fff;}
.popup-center a.btn{padding:10px 24px; text-align:center; font-size:16px; text-transform:none; background:#262d2d; color:#fff; display:inline-block;}
.popup-center a.btn:hover{background:#00b3e3;}

.bform-main-2.active{display:flex;}
.bform-main-2 .popup-center{width:100%; max-width:700px;}
.bform-main-2 ._form_11{width:100%;}
.bform-main-2 ._form-title{ font-family: "Brown-Light", sans-serif !important; font-size:30px !important; font-weight:700 !important; color:#666666 !important; text-align:center !important;}
.bform-main-2 ._html-code p{ font-family: "Brown-Light", sans-serif !important; font-size:18px !important; color:#666666 !important; font-weight:300 !important; text-align:center !important; padding:0 0 5px !important;}
.bform-main-2 ._form-label {font-weight:300 !important; width:auto !important; line-height:normal; font-family: "Brown-Light", sans-serif; font-size:16px; color:#666666;}
.bform-main-2 form{width:100% !important; padding:0 !important; margin:0 !important;}
.bform-main-2 .popup-center > div {width:100% !important;}
.bform-main-2 ._form_element{width:100% !important; float:left !important; padding:0px 15px 12px 0px; clear:none !important; margin:0 !important;}
.bform-main-2 ._form_element._field277{width:100% !important;}
.bform-main-2 ._form_element ._field-wrapper input, .bform-main-2 ._form_element ._field-wrapper textarea, .bform-main-2 ._form_element ._field-wrapper select{background-color:#f5f8fa !important; border:1px solid #dae2eb !important; padding:7px 15px !important; height:auto; border-radius:4px !important; box-shadow:none; line-height:normal; width:100% !important; font-size:16px !important; font-family: "Brown-Light", sans-serif !important;}
.bform-main-2 ._button-wrapper{padding:10px 0px 0 0px; clear:both;}
.bform-main-2 form ._button-wrapper ._full_width _form_159_submit, ._submit {background:#38B6FF !important; border-radius:4px !important; font-size:16px !important; line-height:1; padding:15px 26px 13px !important; border:none !important; color:#fff !important; font-family: "Brown-Light", sans-serif !important; width:40%; transition: ease-in 0.2s;}
.bform-main-2 form ._button-wrapper #_form_11_submit,
.bform-main-2 form ._button-wrapper #_form_158_submit:hover, .bform-main-2 form ._button-wrapper #_form_159_submit:hover, ._submit{border:none; color:#fff; opacity: 0.7;}
.bform-main-2 form ._form-thank-you{font-size:30px !important; color:#000000 !important; font-family: "Brown-Light", sans-serif !important; font-weight:300 !important; padding:50px 0 !important; width:100% !important; text-align:center !important;}

@media (max-width: 667px) {
.bform-main-2 ._form_element{width:100% !important; margin-bottom:15px !important;}
.bform-main-2 ._button-wrapper{padding:5px 0 0}
.bform-main-2 ._form_element p{margin-bottom:0 !important;}
.bform-main-2 ._form-title{padding-top:10px;}
}

@media (max-width: 479px) {
.bform-main-2 .popup-center{padding:20px;}
.bform-main-2 ._form-title{font-size:26px !important;}
.bform-main-2 form ._form-thank-you{font-size:26px !important; padding:30px 0 !important;}

}


/*-- Fonts --*/


@font-face {
    font-family: "Brown-Thin";
    src:url("fonts/lineto-brown-thin.eot");
    src:url("fonts/lineto-brown-thin.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-thin.woff2") format("woff2"),
        url("fonts/lineto-brown-thin.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Light";
    src:url("fonts/lineto-brown-light.eot");
    src:url("fonts/lineto-brown-light.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-light.woff2") format("woff2"),
        url("fonts/lineto-brown-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Regular";
    src:url("fonts/lineto-brown-regular.eot");
    src:url("fonts/lineto-brown-regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-regular.woff2") format("woff2"),
        url("fonts/lineto-brown-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Brown-Bold";
    src:url("fonts/lineto-brown-bold.eot");
    src:url("fonts/lineto-brown-bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-bold.woff2") format("woff2"),
        url("fonts/lineto-brown-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Brown-Italic";
    src:url("fonts/lineto-brown-italic.eot");
    src:url("fonts/lineto-brown-italic.eot?#iefix") format("embedded-opentype"),
        url("fonts/lineto-brown-italic.woff2") format("woff2"),
        url("fonts/lineto-brown-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Footer */

.footer-part { background:#1a315c; float:left; width:100%; padding:13px 0; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0px 0 0;}
.footer-part ul.shared-links { padding:0; margin:0; list-style:none; float:right;}
.footer-part ul.shared-links li { padding:0; margin:0; color:#fff; font-size:12px; display:inline-block; line-height:24px; vertical-align:top; }
.footer-part ul.shared-links li:first-child { padding-right:5px; }
.footer-part ul.shared-links li a { width:24px; height:24px; display:block; }
.footer-part ul.shared-links li a.facebook { background:url(../images/fb.png) left bottom no-repeat; }
.footer-part ul.shared-links li a.twitter { background:url(../images/tw.png) left bottom no-repeat; }
.footer-part ul.shared-links li a.in { background:url(../images/in.png) left bottom no-repeat; }
.footer-part ul.shared-links li a:hover { background-position:left top; }
.footer-part .left { float:left; width:auto; font-size:12px; line-height:24px;}

footer { width: 100%; background: url(../img/footer-bg.jpg) no-repeat center 100%; float:left; clear:both;}
footer .footer-links { background: rgba(3, 27, 56, 0.93); padding: 20px 0 10px; float:left; clear:both; width:100%;}
footer .footer-links a { color: #fff; padding: 5px 0px; }
footer .footer-links a:hover{color:#0187e6; text-decoration: none;}

.synnex-links { color: #ffffff; font-family: "Brown-Regular"; text-transform:none; }
.synnex-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; font-family: "Brown-Regular"; color:#fff!important;}
.synnex-links ul { margin: 0px; padding: 0px; list-style: none; }
.synnex-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; font-family: "Brown-Thin";}
.synnex-links ul li a { color: #fff; outline: none; }
		.input-group {border-collapse: separate;display: table;position: relative;}
.form-control{background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.input-group .form-control{float: left;margin-bottom: 0;position: relative;width: 100%;z-index: 2; font-family: "Brown-Regular";}
.input-group-addon, .input-group-btn, .input-group .form-control{display: table-cell; vertical-align:middle;}

.pull-right{float:right;}
.text-right{text-align:right;}
.social-links { color: #ffffff; font-family: "Brown-Regular"; text-transform:none; }
.social-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; font-family: "Brown-Regular"; color:#fff!important;}
.social-links ul { margin: 0px; padding: 0px; list-style: none;}
.social-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; display: inline-block}
.social-links ul li a { color: #fff; outline: none; padding: 0px 0px; }

.linkedin-icon, .facebook-icon, .twitter-icon { display: block; float: left; width: 25px; height: 20px; margin-right: 3px; }
.linkedin-icon { background-position: -40px -7px; }
.facebook-icon { background-position: -12px -7px; }
.twitter-icon { background-position: -65px -7px; }

.modal_4 {display: none;position: fixed;z-index: 999;padding-top:0;margin:auto;left:0; right:0; top:0; bottom:0;overflow: hidden;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.5);}

/* Modal Content */
.modal_4_content {background-color: #fff;margin: auto;padding:0;border: none;position:fixed; overflow:auto; left:22px; right:22px; top:30px; bottom:30px;}

/* The Close Button */
.closebtn {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.closebtn:hover,
.closebtn:focus {color: #000;text-decoration: none;cursor: pointer;}
.closebtnterms {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.closebtnterms:hover,.closebtnterms:focus {color: #000;text-decoration: none;cursor: pointer;}

/* Search */
.footer-search { float: right; }
.footer-search .input-group { float: right; background: #ffffff; border-radius: 3px; max-width: 200px; margin-top: 50px; overflow: hidden; }
.footer-search .form-control { border: 0px; font-size: 12px; border-radius: 10px 0 0 10px; box-shadow: none; }
.footer-search .input-group-addon { background: none; border: 0px; padding: 0px; }
.footer-search .input-group-addon input[type="submit"] { border: 0px; width: 40px; height: 30px; outline: none; cursor:pointer;}

.footer-search-btn { background-position: -87px -3px;}
footer .copyright { background: rgba(8, 31, 59, 0.93); padding: 10px 0; color: #fff; font-family: "Brown-Light"; font-size: 11px; text-align: left; width:100%; float:left; clear:both;}
footer .copy-right-block{font-family: "Brown-Light";}
footer .copyright a { color: #fff; padding: 0 10px; font-family: "Brown-Light";}
footer .footer-terms{font-family: "Brown-Light";}

.copyright .copyr-links { text-align: right; font-family: "Brown-Light";}

.modal_4 .modal_4_content{padding:0;}
.modal_4 .modal-header{padding:35px 35px 0;}
.modal_4 .modal-header h2{font-size:44px; padding:20px 0 10px; font-family: "Brown-Light";}
.modal_4 .modal-body{padding:20px 35px 110px;}
.modal_4 .modal-body ol,.modal_4 .modal-body ul{padding:0 0 0 16px; margin:0; font-family: "Brown-Light"; font-size:16px;}
.modal_4 .modal-body ol li,.modal_4 .modal-body ul li{padding:0 20px; font-size:14px; font-family: "Brown-Light";}
.modal_4 .modal-body ol li{list-style:decimal;}
.modal_4 .modal-body ol li ol li{list-style:lower-alpha; font-family: "Brown-Light";}
.modal_4 .modal-footer{padding:35px; text-align:right; position:fixed; right:38px; left:22px; bottom:30px; background:#fff;}


.modal_4 .closebtnterms,
.modal_4 .closebtn{font-size:0; text-indent:-999px; position:fixed; right:50px; top:70px; background:url(../images/sprite.png) -137px -10px no-repeat; width:14px; height:14px; display:block;}
.modal_4 .btn-close { background: #0187e6; color: #ffffff; text-align: center; width: 120px; font-family: "Brown-Light"; font-size: 16px; padding:7px 0 8px; border-radius: 0px; box-shadow: none; text-shadow: none; outline: none; border:none; cursor:pointer;}
.modal_4 .btn-close:hover, .modal_4 .btn-close:focus { background: #0187e6; box-shadow: none; text-shadow: none; }

.modal-body h3,.modal-body h4{font-family: "Brown-Light";}
.modal-body ol li p, .modal-body ol li p{font-family: "Brown-Light";}

.section-services{ background:#f5f5f5; padding:80px 0;}
.section-services .btn{ min-width:350px; margin-left:5px;margin-right:5px;}

/*-- Media --*/
@media screen and (max-width: 1575px) {
	
}

/*--Over Cards --*/

/* Included color classes.. 
    .red 
	.blue 
	.yellow
	.green
	.navy
*/ 
.cards{
    margin: 20px auto;
    }
figure.snip1174 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: #1a1a1a;
  text-align: left;
  margin: 10px;
  width: 100%;
  border-radius: 0px;
}
figure.snip1174 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1174 img {
  max-width: 100%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  vertical-align: top;
  opacity: 0.7;
}
figure.snip1174 figcaption {
  position: absolute;
  padding: 40px 25px;
  top: 0;
  left: 0;
}
figure.snip1174 h2,
figure.snip1174 p {
  margin: 0;
  padding: 0;
}
figure.snip1174 h2 {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 100;
  font-size: 1.8em;
}
figure.snip1174 p {
  font-weight: 300;
  margin-bottom: 20px;
  line-height: 1.4em;
}
figure.snip1174 a {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #ffffff;
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 0.8em;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  opacity: 0;
}
figure.snip1174 a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
figure.snip1174.blue {
  background-color: #20638f;
}
figure.snip1174.yellow {
  background-color: #c87f0a;
}
figure.snip1174.green {
  background-color: #1e8449;
}
figure.snip1174.navy {
  background-color: #222f3d;
}
figure.snip1174.red {
  background-color: #962d22;
}
figure.snip1174:hover img,
figure.snip1174.hover img {
  opacity: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
}
figure.snip1174:hover a,
figure.snip1174.hover a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/*-- Progress Bar --*/
#skills {
	margin-top: 1em;
	margin-bottom: 50px;
}

#skills .skills-title::first-letter {
	font-size: 60px;
	color: pink;
}

#skills .progress-wrapper {
	width: 100%;
	margin-top: 30px;
}

#skills .progress-wrapper .progress-bar {
	background-color: rgb(221, 39, 43);
	width: 0;
	animation: progress 1.5s ease-in-out forwards;
}

#skills .progress-wrapper .progress-bar .title {
	opacity: 0;
	animation: show 0.35s forwards ease-in-out 0.5s;
}

#skills .progress-wrapper .progress {
	height: 40px;
}

@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


.counter-value {
	display: inline-block;
}