body{margin:0; background: #fff;font-family: 'Roboto', sans-serif; }
body a{ -webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;text-decoration:none; }
h1,h2,h3,h4,h5,h6{margin:0;font-family: 'Arsenal', sans-serif; }
p{margin:0; }
ul,label{ margin:0; padding:0; }
body a:hover,body a:focus{text-decoration:none;outline:none; }
*{padding: 0; margin: 0; }
input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    background-color: none !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}
/*-- Sidenav --*/
#mySidenav a { position: fixed; left: -100px; transition: 0.3s; padding: 15px; width: 9%; text-decoration: none; font-size: 15px; color: white; border-radius: 0 5px 5px 0; z-index: 999; }
#mySidenav a:hover { left: 0; }
#facebook { top: 30%; background-color: #008eff; }
#twitter { top: 40%; background-color: #5900e8; }
#youtube { top: 50%; background-color: #ff1200; }
#whatsapp { top: 60%; background-color: #00da09 }

/*-- Modal / scholarship --*/
h4.modal-title{  font-family: 'Girassol', cursive; font-size: 22px; text-align: center; color: #fff; }
.modal-header { padding: 15px;  border-bottom: 1px solid #e5e5e5; background: #ff1200; }
.modal-body form{ position: relative; width: 100%; padding: 0 0; margin: 0 0; }
.modal-body form .hea-scholar-input{ position: relative; width: 100%; padding: 0 0;     margin: 0 0 15px; }
.modal-body form .hea-scholar-input label{ position: relative; width: 40%; padding: 0 0; margin: 0 0; float: left; text-align: left; font-size: 17px; font-family: 'Francois One', sans-serif; font-weight: normal; color: #737373; letter-spacing: 1px; }
.modal-body form .hea-scholar-input input{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.modal-body form .hea-scholar-input textarea{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.modal-body form .con-sub-botton{   padding: 10px 40px; background: #ff1200; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; border: none; outline: none; margin: 20px 0 0; }
.modal-body form .con-sub-botton:hover{background: #000; color: #fff; transition: all 0.4s ease;-webkit-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
    box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);}

/*-- top-header --*/
.top-header{ position: relative; background: #ff1300; width: 100%; padding: 10px 0 0; margin: 0; font-size: 14px; line-height: 10px; letter-spacing: 1px; color: #fff; font-family: 'Raleway', sans-serif; }
.top-header .marquee{font-family: 'Raleway', sans-serif; }


/*-- Bottom-header --*/
.bott-header{ position: relative;  width: 100%; padding: 0 0; margin: 0 auto; }
.bott-header .logo{ width: 100%; padding: 0 0; margin: 0 0; overflow: hidden; position: relative;  }
/*.bott-header .logo img.logo-img{  width: 80%; height: auto; padding: 10px 0; margin: 0; }*/
.bott-header .logo img.logo-img{ width: 100%; height: auto; padding: 5px 0; margin: 0; }
.navigation{ position: relative; float: right; padding: 30px 0 0; margin: 0; }

/*-- navigation --*/

/*--banner-slider--*/
.banner-index { position: relative; margin: 0px 0 0 0; height:auto; overflow: hidden; }
.banner-index img.bann-img-owl { width:100%; height:auto; }
.banner-index .banner-dec{ position: absolute; content: ""; width: 100%; text-align: center; display: block; left: 0; right: 0; top: 0%; margin: 0 auto; z-index: 99; height: 100%; background: rgb(255 19 0); background: rgb(255 19 0 / 50%); background: rgba(0,0,0,0.55);}
.banner-index .banner-dec p { font-family: 'Francois One', sans-serif; color: #fff; font-size: 45px; line-height: 75px; padding: 7% 0 0; margin: 0; text-transform: uppercase; }
.banner-index .banner-dec a{ font-family: 'Girassol', cursive; font-size: 20px; line-height: 20px; background: #ff1300; color: #fff; padding: 10px 30px; margin: 20px 0 0; display: inline-block; text-transform: uppercase; }
.banner-index .banner-dec a:hover{ background: #000; color: #fff; transition: all 500ms ease-in-out; }


/*--banner-inner--*/
.banner-inner{ position: relative; width: 100%; overflow: hidden;padding: 0 0; margin: 0; }
.banner-inner img{ position: relative; width: 100%; height: auto; }


/*-- ab-index --*/
.ab-index{ position: relative; width: 100%; overflow: hidden; padding: 30px 0; margin: 0;  }
.ab-index .ab-index-text{ width: 100%; overflow: hidden; } 
.ab-index .ab-index-text h3{ font-family: 'Francois One', sans-serif; font-size: 30px; line-height: 45px; color: #3a3a3a; padding: 0 0 15px; margin: 0; } 
.ab-index .ab-index-text p{ font-size: 16px; text-align: justify; font-family: 'Francois One', sans-serif; color: #808080; font-weight: normal; line-height: 26px; font-style: italic; } 
.ab-index .ab-index-text a{ font-family: 'Girassol', cursive; font-size: 20px; line-height: 20px; background: #ff1300; color: #fff; padding: 10px 30px; margin: 20px 0 0; display: inline-block; text-transform: uppercase; transition: all 800ms ease-in-out;  } 
.ab-index .ab-index-text a:hover{ background: #000; color: #fff; transition: all 500ms ease-in-out; }

.ab-index .ab-index-text img.ab-index-img{ width:100%; height:auto; } 



/*====== collage-logo Start=====*/
.collage-logo{ position: relative; width: 100%; overflow: hidden; padding:40px 0 25px; margin: 0; background: #fff;  }
img.collage-logo-owl{ width: 85%; height: auto;  }
.collage-logo p{ padding: 0; margin: 0 0 20px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 25px; line-height: 40px; color: #585858; font-weight: bold; text-transform: uppercase; }
.collage-logo p span{ display: block; }


/*====== collage-org-logo Start=====*/
.collage-org-logo{ position: relative; width: 100%; overflow: hidden; padding:20px 0 40px; margin: 0; background: #fff;  }
img.collage-org-owl { width: 100%; height: 100px; cursor: pointer; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
img.collage-org-owl:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.collage-org-logo h5{ text-align: center; padding: 0 0 10px; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 30px; line-height: 45px; color: #3a3a3a; }
.collage-org-logo  p{padding: 0; margin: 0 0 50px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 20px; line-height: 40px; color: #e61100; }



/*====== Service Start=====*/
.service{ width:100%; padding:60px 0; margin:0; background:#ff1300; background: url(../images/ser-4.png) no-repeat top left; background-size: cover; }
.service  h5{ text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 30px; line-height: 45px; color: #FFF; }
.service .number{ position:relative; padding:0 0 0 460px; margin:40px 0 0 0; }

.service .number .box-1{  width: 465; display: block; position: absolute; left: 0; top: 0; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out;}
.service .number .box-1:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-1 .img-b{ width: 50%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-1 .text-b{ width: 50%;  display:block; float:left; padding:0 0 0 10px; margin:0px; }
.service .number .box-1 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 20px; color: #100202; line-height: 30px; display: inline-block; padding: 0 0 15px 0; margin: 0;}
.service .number .box-1 .text-b p{ font-size: 15px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 22px; text-align: justify; font-style: italic;}

.service .number .box-2{ width: 465; display: block; position: absolute; right: 0; top: 20%; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-2:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-2 .img-b{ width: 50%; display: block; float: left; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-2 .text-b{ width:50%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-2 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 20px; color: #100202; line-height: 30px; display: inline-block; padding: 0 0 15px 0; margin: 0;}
.service .number .box-2 .text-b p{ font-size: 14px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 25px; text-align: justify; font-style: italic;}

.service .number .box-3{ width: 465; display: block; position: absolute; left: 0; bottom: 25%; padding:10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-3:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-3 .img-b{ width: 50%; display: block; float: left; padding: 0px; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-3 .text-b{ width: 50%; display: block; float: left; padding: 0 0 0 10px; margin: 0;     overflow: hidden;}
.service .number .box-3 .text-b h3{    font-family: 'Francois One', sans-serif; font-size: 20px; color: #100202; line-height: 30px; display: inline-block; padding: 0 0 15px 0; margin: 0; }
.service .number .box-3 .text-b p{ font-size: 15px; color: #656464; display: inline-block; padding: 0 0; margin: 0;  line-height: 22px; text-align: justify; font-style: italic; }

.service .number .box-4{ width: 465;  display: block;  position: absolute;  right: 0;  bottom: 0;  padding: 10px;  margin: 0;  background: #FFF;  box-sizing: border-box;  box-shadow: 1px 0 20px -9px;  transition: all 400ms ease-in-out;}
.service .number .box-4:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-4 .img-b{ width: 50%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box;    overflow: hidden; }
.service .number .box-4 .text-b{ width:50%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-4 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 20px; color: #100202; line-height: 30px; display: inline-block; padding: 0 0 15px 0; margin: 0; }
.service .number .box-4 .text-b p{ font-size: 15px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 22px; text-align: justify; font-style: italic;}

img.ser-ing-ind{ width: 100%; height: auto; }

/*-- all-form --*/
.all-form{ position: relative; width: 100%; padding: 30px 0; margin: 0; background: #fff; }
.all-form h5{   text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 25px; line-height: 39px; color: #ff1300; padding: 10px 0 30px; }
.all-form .all-form-box{position: relative; width: 100%; padding: 30px; margin: 0; background: #f3f3f3; text-align: center; border: 1px solid #dedede; border-top: none; transition: all 0.4s ease; display: inline-block; }
.all-form .all-form-box:hover{ background: #fdfdfd; border: 1px solid #dedede;  transition: all 0.4s ease;-webkit-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);}
.all-form .all-form-box img{ width: 50%; text-align: center; height: auto; margin: 0 0 20px; }
.all-form .all-form-box p{ font-family: 'Inconsolata', monospace; font-size: 17px; color: #585858; line-height: 25px; text-align: center; padding: 0 20%; margin: 0; text-transform: uppercase; }




/*-- how-we --*/
.how-we{ position: relative; width: 100%; padding: 20px 0 30px; margin: 0;   }
.how-we .text-how-we{ width: 100%;  display: block;   padding: 10px;  margin: 0;  background: #FFF;  transition: all 400ms ease-in-out;}
.how-we .text-how-we  h3{ text-align: left; padding: 0 0 10px; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 26px; line-height: 35px; color: #ff1300; }
.how-we .text-how-we  ul{ padding: 0 0;  margin: 0; }
.how-we .text-how-we ul li {  position: relative;  font-family: 'Francois One', sans-serif;  font-size: 17px;  color: #404040;  line-height: 30px;  padding: 0 0;  margin: 0;  list-style: none; }

/*-- testmonial --*/
.testmonial{ position: relative; width: 100%;text-align: center; padding: 70px 0; margin: 0;  background:#000; }
.testmonial img.test-icon-owl{ width:10%; height:auto; }
.testmonial h3{     font-family: 'Francois One', sans-serif; font-size: 20px; color: #ff1300; line-height: 30px; text-align: center; padding: 20px 0 15px; margin: 0; text-transform: uppercase; }
.testmonial p{     font-family: 'Francois One', sans-serif; font-size: 15px; color: #bbb; line-height: 28px; text-align: center; padding: 0 20%; margin: 0; }

.testmonial h6{ font-family: 'Inconsolata', monospace; font-size: 18px; color: #fff; line-height: 30px; text-align: center; padding: 0 0; margin: 0; }
.testmonial img.qutashan{ position: absolute; content: ""; bottom: 5%; right: 10%; padding: 0; margin: 0; width: 7%; }

/*-- Footer --*/
.py-lg-5 {background: #1b2856; padding: 3rem 0 1rem 0;font-family: 'Inconsolata', monospace; position: relative;width: 100%;
overflow: hidden; background: url(../images/f-bg.jpg) no-repeat center; background-size: cover; }
.py-lg-5 img.img-fot {position: absolute;top: 0;z-index: 99;}
.py-lg-5 img.img-fot1 {position: absolute;bottom: 0; right: 0; z-index: 99;}
i.fo-i{ color: #F35F19; font-size: 14px; line-height: 20px; padding: 0 8px 0 0; margin: 0; }
.footer-grid-w3ls h3 {font-size: 1.4em;color: #ffffff;font-weight: 300;margin-bottom: 1em;letter-spacing: 1px;border-bottom: 1px dotted #4d5052;padding-bottom: 0.8em;}
.contact-info h4 {font-style: normal;font-weight: 300;font-size: 1.2em;color: #ff4e00;}
.footer-text p{ color: #B1B0B0; }
.contact-info p{ color: #B1B0B0; }
ul.links li a {color: #ccd0d5;;}
ul.links li a:hover {color: #ff4e00;}
.footer-text input[type="email"] {outline: none;padding: 12px 15px;color: #fff;font-size: 13px;width: 84%;border: none;background: none;letter-spacing: 1px;float: left;}
.footer-text button.btn1 {color: #ff4e00;border: none;padding: 10px 0;outline: none;text-align: center;text-decoration: none;background: none;cursor: pointer;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;transition: 0.5s all;float: right;width: 15%;}
.footer-text .fo1{border: 1px solid #ccc;}
ul.social-icon-footer{ padding:0 ; margin: 30px 0 0;}
ul.social-icon-footer li{ padding:0 ; margin: 0 5px 0 0; list-style: none; display: inline-block;}
ul.social-icon-footer li a{ padding: 5px 10px; margin: 0; font-size: 20px; line-height: 25px; color: #fff; }
ul.social-icon-footer li a span{ padding:0 ; margin:0;}
/*==
.text-center {text-align: center;color: #FFF;border-bottom: 1px solid #908c8c;border-top: 1px solid #908c8c;margin: 25px 0 0 0;}
===*/
.mail-grid-icon {float: left;width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border: 2px solid #064fab;margin: 0 20px 0 0;}
.mail-grid-icon:hover{ border: 2px solid #ff4e00;  }
.mail-grid-icon i {font-size: 1.3em;color: #064fab;line-height: 3.2em;}
.footer-top-w3layouts-grid-sec:hover .mail-grid-icon i {color: #ff4e00; border: 2px solid #ff4e00; width: 70px;height: 70px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin: -2px 0 0 -2px;}
.text-center span {text-align: center;color: #ff4e00;}

/*-- to-top --*/
#toTop {display: none;text-decoration: none;position: fixed;bottom:10px;left: 2%;overflow: hidden;z-index: 999;width:42px;height:42px;border: none;text-indent: 100%;background: url(../images/arr.png) no-repeat 0px 0px;}

/*-- //to-top --*/

p.hilight{ position: relative; font-family: 'Francois One', sans-serif; font-size: 16px; color: #404040; text-align: center; padding: 0 10%; font-style: italic; line-height: 25px; margin: 10px 0; }
p.hilight:before { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10d"; margin-right: 10px; color: #551e1e; }
p.hilight:after { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10e"; margin-left: 10px; color: #551e1e; }

h6.hilight{     position: relative; font-family: 'Francois One', sans-serif; font-size: 16px; color: #ffffff; text-align: center; padding: 10px 0; font-style: italic; line-height: 25px; margin: 20px 0; background: #000; display: block; }
h6.hilight:before { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10d"; margin-right: 10px; color: #ff0000; }
h6.hilight:after { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10e"; margin-left: 10px; color: #ff0000; }

/*-- About inn --*/
.aboutus-inner{ position: relative; width: 100%; padding: 35px 0; margin: 0; }
.aboutus-inner h3{ position: relative; text-align: center; display: block; padding: 0; margin: 0;font-size: 35px;font-family: 'Girassol', cursive;line-height: 50px;color: #000}
.aboutus-inner p{ position: relative; font-family: 'Francois One', sans-serif; font-size: 16px; color: #404040; text-align: center; padding: 0 10%; font-style: italic; line-height: 25px; margin: 10px 0; }
.aboutus-inner p:before { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10d"; margin-right: 10px; color: #ff1200; }
.aboutus-inner p:after { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10e"; margin-left: 10px; color: #ff1200; }

.aboutus-inner .ab-in-text h4{ position: relative; width: 100%; text-align: left;padding: 0 0; margin: 0; }
.aboutus-inner .ab-in-text h4{ font-family: 'Francois One', sans-serif; padding: 0; margin: 0; font-size: 25px; text-align: left; line-height: 35px; color: #000; }
.aboutus-inner .ab-in-text p{ position: relative; font-family: 'Francois One', sans-serif; font-size: 15px; color: #808080; text-align: justify; padding: 0; line-height: 25px; margin: 10px 0; }
.aboutus-inner .ab-in-img{ width: 100%; overflow: hidden; position: relative; padding: 0 0; margin: 0 0 10px; }
.aboutus-inner .ab-in-img img{ width: 100%; height: auto; }

/*-- Apply inn --*/
.apply-inner{ position: relative; width: 100%; padding: 35px 0; margin: 0; }
.apply-inner h3{ position: relative; text-align: center; display: block; padding: 0; margin: 0;font-size: 35px;font-family: 'Girassol', cursive;line-height: 50px;color: #000; }
.apply-inner .apply-in-text{ position: relative; width: 100%; padding:0; margin: 0; }
.apply-inner .apply-in-text form{ position: relative; width: 100%; padding: 0 0; margin: 0 0;  }
.apply-inner .apply-in-text form .apply-input{ position: relative; width: 100%; padding: 0 0;     margin: 0 0 15px; }
.apply-inner .apply-in-text form .apply-input label{ position: relative; width: 40%; padding: 0 0; margin: 0 0; float: left; text-align: left; font-size: 15px; font-family: 'Francois One', sans-serif; font-weight: normal; color: #737373; letter-spacing: 1px; }
.apply-inner .apply-in-text form .apply-input input{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.apply-inner .apply-in-text form .apply-input textarea{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.apply-inner .apply-in-text form .apply-input select{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.apply-inner .apply-in-text form .con-sub-botton{      padding: 10px 70px; background: #ff1200; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; border: none; outline: none; margin: 0 auto; text-align: center; display: block; }
.apply-inner .apply-in-text form .con-sub-botton:hover{background: #000; color: #fff; transition: all 0.4s ease;-webkit-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);}



/*-- Contact inn --*/
.contact-inner{ position: relative; width: 100%; padding: 35px 0; margin: 0; }
.contact-inner h3{ position: relative; text-align: center; display: block; padding: 0; margin: 0;font-size: 35px;font-family: 'Girassol', cursive;line-height: 50px;color: #000}
.contact-inner p{ position: relative; font-family: 'Francois One', sans-serif; font-size: 16px; color: #404040; text-align: center; padding: 0 10%; font-style: italic; line-height: 25px; margin: 10px 0; }
.contact-inner p:before { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10d"; margin-right: 10px; color: #ff1200; }
.contact-inner p:after { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10e"; margin-left: 10px; color: #ff1200; }
.contact-inner .conta-in-text{ position: relative; text-align: center; padding: 0 0; margin: 0; }
.contact-inner .conta-in-text h4{ font-family: 'Francois One', sans-serif; font-size: 20px; color: #ff1200; line-height: 30px; text-transform: uppercase; padding: 0; margin: 0;}
.contact-inner .conta-in-text h6{ font-family: 'Girassol', cursive; font-size: 15px; color: #000000; line-height: 40px; text-transform: uppercase; padding: 0;     margin: 0 0 40px; letter-spacing: 1px; }
.contact-inner .conta-in-text form{ position: relative; width: 100%; padding: 0 0; margin: 0 0;  }
.contact-inner .conta-in-text form .conta-input{ position: relative; width: 100%; padding: 0 0;     margin: 0 0 15px; }
.contact-inner .conta-in-text form .conta-input label{ position: relative; width: 40%; padding: 0 0; margin: 0 0; float: left; text-align: left; font-size: 17px; font-family: 'Francois One', sans-serif; font-weight: normal; color: #737373; letter-spacing: 1px; }
.contact-inner .conta-in-text form .conta-input input{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.contact-inner .conta-in-text form .conta-input textarea{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }
.contact-inner .conta-in-text form .conta-input select{ position: relative; font-family: 'Inconsolata', monospace; width: 60%; margin: 0 0; display: inline-block; font-size: 16px; color: #000; padding: 4px 10px; border: none; border-bottom: 1px solid #ccc; outline: none; }


.contact-inner .conta-in-text form .con-sub-botton{   padding: 10px 40px; background: #ff1200; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; border: none; outline: none; margin: 20px 0 0; }
.contact-inner .conta-in-text form .con-sub-botton:hover{background: #000; color: #fff; transition: all 0.4s ease;-webkit-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);
box-shadow: 1px 10px 18px -12px rgba(0,0,0,0.5);}


/*-- scholarship inn --*/
.scholarship-inner{ position: relative; width: 100%; padding: 35px 0; margin: 0; }
.scholarship-inner h3{ position: relative; text-align: center; display: block; padding: 0; margin: 0;font-size: 35px;font-family: 'Girassol', cursive;line-height: 50px;color: #000}
.scholarship-inner p{ position: relative; font-family: 'Francois One', sans-serif; font-size: 16px; color: #404040; text-align: center; padding: 0 10%; font-style: italic; line-height: 25px; margin: 10px 0; }
.scholarship-inner p:before { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10d"; margin-right: 10px; color: #ff1200; }
.scholarship-inner p:after { font-family: 'FontAwesome'; font-size: 15px; vertical-align: middle; content: "\f10e"; margin-left: 10px; color: #ff1200; }
.scholarship-inner .scholarship-in-textt{ position: relative; width: 100%; text-align: left;padding: 0 0; margin: 0; }
.scholarship-inner .scholarship-in-text h4{ font-family: 'Francois One', sans-serif; padding: 0; margin: 0; font-size: 25px; text-align: left; line-height: 35px; color: #000; }
.scholarship-inner .scholarship-in-text p{ position: relative; font-family: 'Francois One', sans-serif; font-size: 15px; color: #808080; text-align: justify; padding: 0; line-height: 25px; margin: 10px 0; }


/*MOBILE RESPONSIV CSS*/
@media(max-width: 768px)
{


}

@media(max-width: 767px)
{


}

@media(max-width: 480px)
{


}

@media(max-width: 440px)
{


}

@media(max-width: 420px)
{
    /*-- HOME / INDEX --*/
.top-header { position: relative; background: #ff1300; width: 100%; padding: 5px 0 0 0; margin: 0; font-size: 11px; line-height: 10px; letter-spacing: 1px; color: #fff; font-family: 'Raleway', sans-serif; }
.bott-header .logo img.logo-img { width: 75%; height: auto; padding: 5px 0; margin: 0; }
.banner-index { position: relative; margin: 0px 0 0 0; height: auto; overflow: hidden; z-index: 1; }
.banner-index .banner-dec p { font-family: 'Francois One', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 25px; padding: 25px 0 0 0; margin: 0; }
.banner-index .banner-dec { position: absolute; content: ""; width: 100%; text-align: center; display: block; left: 0; right: 0; top: 0%; margin: 0 auto; background: rgba(0,0,0,0.55); background: none; z-index: 99;     z-index: 99; height: 100%; background: rgb(255 19 0); background: rgb(255 19 0 / 50%); background: rgba(0,0,0,0.55); }
.banner-index .banner-dec a{ display:none;}
.ab-index .ab-index-text h3 { font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 0 0 10px; margin: 0; text-transform: uppercase; }
.ab-index .ab-index-text p { font-size: 16px; text-align: justify; font-family: a; color: #3d3d3d; font-weight: normal; line-height: 26px; font-style: italic; }
.ab-index .ab-index-text a { font-family: 'Girassol', cursive; font-size: 17px; line-height: 20px; background: #ff1300; color: #fff; padding: 6px 25px; margin: 10px 0 10px; display: inline-block; text-transform: uppercase; transition: all 800ms ease-in-out; }
.collage-org-logo h5 { text-align: center; padding: 0 0 10px; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 15px; line-height: 18px; color: #3a3a3a; }
.collage-org-logo p { padding: 0; margin: 0 0 50px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 13px; line-height: 22px; color: #e61100; }
.service h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 22px; line-height: 30px; color: #FFF; }
.service .number{ position:relative; padding:0 0 0 80px; margin:40px 0 0 0; }
.service .number .box-1{  width: 40%; display: block; position: absolute; left: 0; top: 0; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out;}
.service .number .box-1:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-1 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-1 .text-b{ width: 100%;  display:block; float:left; padding:0 0 0 10px; margin:0px; }
.service .number .box-1 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-1 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-2{ width: 40%; display: block; position: absolute; right: 0; top: 60px; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-2:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-2 .img-b{ width: 100%; display: block; float: left; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-2 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-2 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-2 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-3{ width: 40%; display: block; position: absolute; left: 0; bottom:50px; padding:10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-3:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-3 .img-b{ width: 100%; display: block; float: left; padding: 0px; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-3 .text-b{ width: 100%; display: block; float: left; padding: 0 0 0 10px; margin: 0;     overflow: hidden;}
.service .number .box-3 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-3 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-4{ width: 40%;  display: block;  position: absolute;  right: 0;  bottom:-30px;  padding: 10px;  margin: 0;  background: #FFF;  box-sizing: border-box;  box-shadow: 1px 0 20px -9px;  transition: all 400ms ease-in-out;}
.service .number .box-4:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-4 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box;    overflow: hidden; }
.service .number .box-4 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-4 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-4 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.all-form h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 10px 0 30px; }
.all-form .all-form-box { position: relative; width: 100%; padding: 30px; margin: 0; background: #f3f3f3; text-align: center; border: 1px solid #dedede; border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; border-top: none; transition: all 0.4s ease; display: inline-block; margin: 0 0 30px; }
.all-form .all-form-box img { width: 40%; text-align: center; height: auto; margin: 0 0 20px; }
.how-we .text-how-we h3 { text-align: left; padding: 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 20px; line-height: 35px; color: #fff; background: #ff1300; text-align: center; border-radius: 6px; border-bottom: 3px solid #8e8e8e; margin: 0 0 20px; }
.how-we .text-how-we ul li { position: relative; font-family: a; font-size: 14px; color: #404040; line-height: 24px; padding: 0 0 10px; margin: 0; list-style: none; font-style: italic; }
.testmonial img.test-icon-owl { width: 30%; height: auto; }
.testmonial p { font-family: 'Francois One', sans-serif; font-size: 15px; color: #bbb; line-height: 28px; text-align: center; padding: 0 5%; margin: 0; }
.collage-logo p { padding: 0; margin: 0 0 20px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 16px; line-height: 25px; color: #101010; font-weight: bold; text-transform: uppercase; }
.footer-grid-w3ls h3 { font-size: 16px; color: #ffffff; font-weight: 300; margin-bottom: 0; letter-spacing: 1px; border-bottom: 1px dotted #4d5052; padding-bottom: 0.8em; }

    /*--  INNER --*/


}

@media(max-width: 415px)
{
    /*-- HOME / INDEX --*/
.top-header { position: relative; background: #ff1300; width: 100%; padding: 5px 0 0 0; margin: 0; font-size: 11px; line-height: 10px; letter-spacing: 1px; color: #fff; font-family: 'Raleway', sans-serif; }
.banner-index { position: relative; margin: 0px 0 0 0; height: auto; overflow: hidden; z-index: 1; }
.banner-index .banner-dec p { font-family: 'Francois One', sans-serif; color: #fff; font-size: 14px; text-transform: uppercase; line-height: 25px; padding: 25px 0 0 0; margin: 0; }
.banner-index .banner-dec { position: absolute; content: ""; width: 100%; text-align: center; display: block; left: 0; right: 0; top: 0%; margin: 0 auto; background: rgba(0,0,0,0.55); background: none; z-index: 99;     z-index: 99; height: 100%; background: rgb(255 19 0); background: rgb(255 19 0 / 50%); background: rgba(0,0,0,0.55); }
.banner-index .banner-dec a{ display:none;}
.ab-index .ab-index-text h3 { font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 0 0 10px; margin: 0; text-transform: uppercase; }
.ab-index .ab-index-text p { font-size: 16px; text-align: justify; font-family: a; color: #3d3d3d; font-weight: normal; line-height: 26px; font-style: italic; }
.ab-index .ab-index-text a { font-family: 'Girassol', cursive; font-size: 17px; line-height: 20px; background: #ff1300; color: #fff; padding: 6px 25px; margin: 10px 0 10px; display: inline-block; text-transform: uppercase; transition: all 800ms ease-in-out; }
.collage-org-logo h5 { text-align: center; padding: 0 0 10px; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 15px; line-height: 18px; color: #3a3a3a; }
.collage-org-logo p { padding: 0; margin: 0 0 50px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 13px; line-height: 22px; color: #e61100; }
.service h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 22px; line-height: 30px; color: #FFF; }
.service .number{ position:relative; padding:0 0 0 80px; margin:40px 0 0 0; }
.service .number .box-1{  width: 40%; display: block; position: absolute; left: 0; top: 0; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out;}
.service .number .box-1:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-1 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-1 .text-b{ width: 100%;  display:block; float:left; padding:0 0 0 10px; margin:0px; }
.service .number .box-1 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-1 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-2{ width: 40%; display: block; position: absolute; right: 0; top: 60px; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-2:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-2 .img-b{ width: 100%; display: block; float: left; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-2 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-2 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-2 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-3{ width: 40%; display: block; position: absolute; left: 0; bottom:50px; padding:10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-3:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-3 .img-b{ width: 100%; display: block; float: left; padding: 0px; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-3 .text-b{ width: 100%; display: block; float: left; padding: 0 0 0 10px; margin: 0;     overflow: hidden;}
.service .number .box-3 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-3 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-4{ width: 40%;  display: block;  position: absolute;  right: 0;  bottom:-30px;  padding: 10px;  margin: 0;  background: #FFF;  box-sizing: border-box;  box-shadow: 1px 0 20px -9px;  transition: all 400ms ease-in-out;}
.service .number .box-4:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-4 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box;    overflow: hidden; }
.service .number .box-4 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-4 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-4 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.all-form h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 10px 0 30px; }
.all-form .all-form-box { position: relative; width: 100%; padding: 30px; margin: 0; background: #f3f3f3; text-align: center; border: 1px solid #dedede; border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; border-top: none; transition: all 0.4s ease; display: inline-block; margin: 0 0 30px; }
.all-form .all-form-box img { width: 40%; text-align: center; height: auto; margin: 0 0 20px; }
.how-we .text-how-we h3 { text-align: left; padding: 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 20px; line-height: 35px; color: #fff; background: #ff1300; text-align: center; border-radius: 6px; border-bottom: 3px solid #8e8e8e; margin: 0 0 20px; }
.how-we .text-how-we ul li { position: relative; font-family: a; font-size: 14px; color: #404040; line-height: 24px; padding: 0 0 10px; margin: 0; list-style: none; font-style: italic; }
.testmonial img.test-icon-owl { width: 30%; height: auto; }
.testmonial p { font-family: 'Francois One', sans-serif; font-size: 15px; color: #bbb; line-height: 28px; text-align: center; padding: 0 5%; margin: 0; }
.collage-logo p { padding: 0; margin: 0 0 20px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 16px; line-height: 25px; color: #101010; font-weight: bold; text-transform: uppercase; }
.footer-grid-w3ls h3 { font-size: 16px; color: #ffffff; font-weight: 300; margin-bottom: 0; letter-spacing: 1px; border-bottom: 1px dotted #4d5052; padding-bottom: 0.8em; }

    /*--  INNER --*/
.banner-inner { position: relative; width: 100%; overflow: hidden; padding: 0 0; margin: 0; z-index: -1; }
.aboutus-inner h3 { position: relative; text-align: center; display: block; padding: 0; margin: 0; font-size: 18px; font-family: 'Girassol', cursive; line-height: 20px; color: #000; }
.bott-header { position: relative; width: 100%; padding: 0 0; margin: 0 auto; z-index: 9; }
.aboutus-inner p { position: relative; font-size: 13px; color: #404040; text-align: center; padding: 0 10%; font-style: italic; line-height: 25px; margin: 10px 0; }
.aboutus-inner .ab-in-text h4 { font-family: 'Francois One', sans-serif; padding: 0; margin: 0; font-size: 18px; text-align: left; line-height: 25px; color: #535353; }
.aboutus-inner .ab-in-text p { position: relative; font-family: a; font-size: 15px; color: #5a5a5a; text-align: justify; padding: 0; line-height: 25px; margin: 10px 0; }
.apply-inner h3 { position: relative; text-align: center; display: block; padding: 0; margin: 0; font-size: 20px; font-family: 'Girassol', cursive; line-height: 20px; color: #000; }
p.hilight { position: relative; font-family: 'Francois One', sans-serif; font-size: 13px; color: #404040; text-align: center; padding: 0 3%; font-style: italic; line-height: 25px; margin: 10px 0; }
.apply-inner .apply-in-text form .apply-input label { position: relative; width: 40%; padding: 0 0; margin: 0 0; float: left; text-align: left; font-size: 11px; font-family: 'Francois One', sans-serif; font-weight: normal; color: #737373; letter-spacing: 1px; }
h5.hilight{background: #470b07; color: #fff; font-size: 16px; font-family: 'Girassol', cursive; line-height: 20px; display: inline-block; padding: 5px 20px;}
.contact-inner h3{position: relative; text-align: center; display: block; padding: 0; margin: 0; font-size: 20px; font-family: 'Girassol', cursive; line-height: 20px; color: #000;}
.contact-inner .conta-in-text h6 { font-family: 'Girassol', cursive; font-size: 13px; color: #000000; line-height: 20px; text-transform: uppercase; padding: 0; margin: 0 0 20px; letter-spacing: 1px; } 
.scholarship-inner h3 { position: relative; text-align: center; display: block; padding: 0; margin: 0; font-size: 23px; font-family: 'Girassol', cursive; line-height: inherit; color: #000; }
.scholarship-inner p { position: relative; font-family: 'Francois One', sans-serif; font-size: 14px; color: #737373; text-align: center; padding: 0 5%; font-style: italic; line-height: 23px; margin: 10px 0; }
.scholarship-inner .scholarship-in-text h4 { font-family: 'Francois One', sans-serif; padding: 0; margin: 0; font-size: 18px; text-align: left; line-height: 25px; color: #000; }
.scholarship-inner .scholarship-in-text p { position: relative; font-family: a; font-size: 15px; color: #545454; text-align: justify; padding: 0; line-height: 22px; margin: 10px 0; }     }

@media(max-width: 400px)
{
    /*-- HOME / INDEX --*/
.top-header { position: relative; background: #ff1300; width: 100%; padding: 5px 0 0 0; margin: 0; font-size: 11px; line-height: 10px; letter-spacing: 1px; color: #fff; font-family: 'Raleway', sans-serif; }
.banner-index { position: relative; margin: 0px 0 0 0; height: auto; overflow: hidden; z-index: -1; }
.banner-index .banner-dec p { font-family: 'Francois One', sans-serif; color: #fff; font-size: 18px; text-transform: uppercase; line-height: 25px; padding: 0; margin: 0; }
.banner-index .banner-dec { position: absolute; content: ""; width: 100%; text-align: center; display: block; left: 0; right: 0; top: 25%; margin: 0 auto; background: rgba(0,0,0,0.55); background: none; z-index: 99; }
.banner-index .banner-dec a{ display:none;}
.ab-index .ab-index-text h3 { font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 0 0 10px; margin: 0; text-transform: uppercase; }
.ab-index .ab-index-text p { font-size: 16px; text-align: justify; font-family: a; color: #3d3d3d; font-weight: normal; line-height: 26px; font-style: italic; }
.ab-index .ab-index-text a { font-family: 'Girassol', cursive; font-size: 17px; line-height: 20px; background: #ff1300; color: #fff; padding: 6px 25px; margin: 10px 0 10px; display: inline-block; text-transform: uppercase; transition: all 800ms ease-in-out; }
.collage-org-logo h5 { text-align: center; padding: 0 0 10px; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 15px; line-height: 18px; color: #3a3a3a; }
.collage-org-logo p { padding: 0; margin: 0 0 50px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 13px; line-height: 22px; color: #e61100; }
.service h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 22px; line-height: 30px; color: #FFF; }
.service .number{ position:relative; padding:0 0 0 80px; margin:40px 0 0 0; }
.service .number .box-1{  width: 40%; display: block; position: absolute; left: 0; top: 0; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out;}
.service .number .box-1:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-1 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-1 .text-b{ width: 100%;  display:block; float:left; padding:0 0 0 10px; margin:0px; }
.service .number .box-1 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-1 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-2{ width: 40%; display: block; position: absolute; right: 0; top: 60px; padding: 10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-2:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-2 .img-b{ width: 100%; display: block; float: left; padding: 0; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-2 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-2 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-2 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-3{ width: 40%; display: block; position: absolute; left: 0; bottom:50px; padding:10px; margin: 0; background: #FFF; box-sizing: border-box; box-shadow: 1px 0 20px -9px; transition: all 400ms ease-in-out; }
.service .number .box-3:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-3 .img-b{ width: 100%; display: block; float: left; padding: 0px; margin: 0; box-sizing: border-box; overflow: hidden; }
.service .number .box-3 .text-b{ width: 100%; display: block; float: left; padding: 0 0 0 10px; margin: 0;     overflow: hidden;}
.service .number .box-3 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-3 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.service .number .box-4{ width: 40%;  display: block;  position: absolute;  right: 0;  bottom:-30px;  padding: 10px;  margin: 0;  background: #FFF;  box-sizing: border-box;  box-shadow: 1px 0 20px -9px;  transition: all 400ms ease-in-out;}
.service .number .box-4:hover{ box-shadow:1px 0 25px -5px; transition:all 600ms ease-in-out; }
.service .number .box-4 .img-b{ width: 100%; display: block; float: left; padding: 0 0; margin: 0; box-sizing: border-box;    overflow: hidden; }
.service .number .box-4 .text-b{ width:100%; display:block; float:left;     padding: 0 0 0 10px; margin:0px; }
.service .number .box-4 .text-b h3{ font-family: 'Francois One', sans-serif; font-size: 11px; color: #100202; line-height: 20px; display: inline-block; padding: 0 0 8px 0; margin: 0; }
.service .number .box-4 .text-b p{ font-size: 12px; color: #656464; display: inline-block; padding: 0 0; margin: 0; line-height: 17px; text-align: justify; font-style: italic;}
.all-form h5 { text-align: center; padding: 0 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 18px; line-height: 25px; color: #ff1300; padding: 10px 0 30px; }
.all-form .all-form-box { position: relative; width: 100%; padding: 30px; margin: 0; background: #f3f3f3; text-align: center; border: 1px solid #dedede; border-top-color: rgb(222, 222, 222); border-top-style: solid; border-top-width: 1px; border-top: none; transition: all 0.4s ease; display: inline-block; margin: 0 0 30px; }
.all-form .all-form-box img { width: 40%; text-align: center; height: auto; margin: 0 0 20px; }
.how-we .text-how-we h3 { text-align: left; padding: 0; margin: 0; display: block; text-transform: uppercase; font-family: 'Francois One', sans-serif; font-size: 20px; line-height: 35px; color: #fff; background: #ff1300; text-align: center; border-radius: 6px; border-bottom: 3px solid #8e8e8e; margin: 0 0 20px; }
.how-we .text-how-we ul li { position: relative; font-family: a; font-size: 14px; color: #404040; line-height: 24px; padding: 0 0 10px; margin: 0; list-style: none; font-style: italic; }
.testmonial img.test-icon-owl { width: 30%; height: auto; }
.testmonial p { font-family: 'Francois One', sans-serif; font-size: 15px; color: #bbb; line-height: 28px; text-align: center; padding: 0 5%; margin: 0; }
.collage-logo p { padding: 0; margin: 0 0 20px; font-family: 'Inconsolata', monospace; text-align: center; font-size: 16px; line-height: 25px; color: #101010; font-weight: bold; text-transform: uppercase; }
.footer-grid-w3ls h3 { font-size: 16px; color: #ffffff; font-weight: 300; margin-bottom: 0; letter-spacing: 1px; border-bottom: 1px dotted #4d5052; padding-bottom: 0.8em; }

    /*--  INNER --*/


}


@media(max-width: 390px)
{


}