/*
Theme Name: RafiRags
Theme URI: http://rags.com/
Description: The industry standard in design frameworks for WordPress. Please do not modify this style sheet, as it might get overridden in updates.
Author: Amit Kumar
Author URI: http://rags.com/
Version: 1.0
Tags: black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Template: genesis */ 
/* Stylesheet from Genesis 2.2.7 */
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
/* body{ font-family: myFirstFont!important; line-height:1;} */
body{font-family:"Helvetica Neue",​Helvetica,​Arial,​sans-serif;}

@font-face {
   font-family: myFirstFont;
   src: url(./font/Montserrat-Light.otf);
}

@font-face {
   font-family: mySecondFont;
   src: url(./font/Montserrat-Regular.otf);
}

@font-face {
   font-family: myThirdFont;
   src: url(./font/Montserrat-SemiBold.otf);
}

@font-face {
   font-family: myfourthFont;
   src: url(./font/Montserrat-Bold.otf);
}

@font-face {
   font-family: myfivthFont;
   src: url(./font/Montserrat-UltraLight.otf);
}


h1,h2,h3{display:block; margin:0!important; margin-bottom:20px!important;  font-family: myfourthFont!important;}
h2{ line-height:44px;  font-family: myfourthFont!important;}
input{width:100%; padding:10px!important; border:1px solid #ddd;  margin-bottom:15px!important; font-size:14px!important;}
p{margin-bottom:20px!important; font-size:16px; line-height:22px; text-align:justify; /*font-family:montserrat-light;*/}
ul{margin:0!important; padding:0!important;}
.radius{-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
hgroup{width:100%; float:left; margin-bottom:30px;}
hgroup h2{font-size:40px; text-transform:uppercase; }
header{}
header .toggle{ display:none; position:absolute; right:15px; top:10px; color:#FF6347; font-size:24px; border:1px solid #FF6347;
 background:none; padding:2px 9px; z-index:9999;}
header .toggle:focus{border-color:#FF6347;} 
header nav{display:block;}
header nav ul li{display:inline-block;}
header nav ul li a{display:block; text-transform:uppercase;}
header nav ul li a:hover{color:#fff; text-decoration:none;}
header + * {margin-top:59px!important;}
.off-white{background:#F7F4EC;}
.orange{background:#FD6348; padding-bottom:0;}
.gray{background:#2E2F33;}
.padd-ext{padding:70px 0 40px 0;}
.top-az{margin-top:-50px;}
section{width:100%; float:left; padding:50px 0 20px 0;}
section.banner{background:url(./images/banner-bg.jpg) no-repeat left bottom #2E2F33; position:relative; padding-top:30px;}
section.graph-form{padding:0 0 20px 0; background:#FF6347;}
section .banner-graph{width:100%; float:left; position:absolute; left:0; bottom:0; min-height:280px;
 background:url(./images/banner-graph1.png) no-repeat;}
section.graph-form input[type="submit"]{background:#323337; color:#fff; text-transform:uppercase; border:1px solid #292929;} 
section .main-caption{ margin-bottom:130px;  text-transform:uppercase; float:right;}
section .main-caption h3{font-size:30px; color:#fff; margin-bottom:10px!important; font-family: myFirstFont!important; padding-top:60px;}
section .main-caption h1{font-size:60px; line-height:60px; font-family: myfourthFont!important; color:#FF6347; margin-bottom:15px!important; }
section .main-caption span{color:#fff; font-size:17px; line-height:24px; padding-bottom:10px; display:block; text-transform:none;}
section .main-caption span em{color:#FF6347; font-style:normal;}
section .main-caption b{color:#FF6347; font-weight:700; display:block; font-size:20px; line-height:26px; font-family: myfourthFont; font-weight:900;}
section article,figure{display:block; margin-bottom:30px!important;}
section article .circular{display:block; border-radius:50px; color:#fff; line-height:22px; text-transform:uppercase; cursor:pointer; 
background:#FF6347; padding:20px; border:none; font-family: myfourthFont; font-style:normal; font-size:15px; text-align:center;}
section article .circular:before{content:"";!important} 
section article p .bul{display:block; color:#ff6347; margin-top:15px; font-weight:600;} 
section figure h2{color:#fff; text-align:center; font-weight:700;}
section figure img{margin-bottom:20px;}
section figure figcaption{font-size:18px; line-height:24px; display:block; font-weight:600;}
section .rafi-left{text-align:right;}
section figure.black-rafi img{margin:0 auto;}
section .hacking{margin:0!important;}
section .hacking h2{text-transform:uppercase; font-size:38px!important;}
section .hacking img.man{margin:20px -60px 0 0; position:relative; z-index:100;}
section .hacking img{margin-bottom:0;}
section .convince h2{color:#FD6348; text-transform:uppercase;}
section .convince p{color:#fff; text-align:center; font-size:18px; font-family: myfivthFont!important; font-weight:300;}
section .convince p span{color:#ff6347;}
section .convince input[type="submit"]{background:#FF6347; color:#fff; border-color:#ff5526; width:100%;}
section .social-bar{display:block; margin-bottom:30px;}
section .social-bar li{display:inline-block;}
section .social-bar li a{width:50px; height:50px; float:left; font-size:22px; margin-right:10px; color:#999; -webkit-border-radius:100%;
-moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:1px solid #ddd;}
section .social-bar li a *{margin-top:12px;}
section .social-bar li a:hover{background:#ff6347; color:#fff; border-color:#FF5347}

footer span{display:block; line-height:22px; padding:10px; color:#666; font-size:14px; font-weight:300;}
footer span a{color:#666;}
footer span a:hover{color:#fff; text-decoration:none;}
/** --- about us---***/
section article .about-us{display:block; margin-bottom:30px;}
/*section article .about-us h2{font-size:36px; font-family: myfivthFont!important; font-weight:800; word-wrap: break-word;}*/
section article .about-us h2 a{word-wrap: break-word;}
.entry-title{font-size:36px; font-family: myfivthFont!important; font-weight:800;}

/*section article .about-us p{font-size:14px; text-align:left;}*/

section article .about-us p em a{color:#fff!important;}
section article .about-us a{color:#ff6347;}
section article .about-us em{display:block; text-align:center; }
section article .about-us em a{padding:10px 15px; background:#ff6347; color:#fff; display:inline-block;}
section article .identy{border-radius:5px; border:2px dashed #D5BC8C; background:#FBF6F0; width:100%; float:left; padding:15px; margin-bottom:30px;}
section article .identy em{display:block; text-align:center; padding-top:40px; margin-bottom:30px; font-size:20px; line-height:26px;}
section article .identy a{color:#ff6347;}
section article .identy span{font-style:italic; width:100%; float:left; text-align:right; padding-top:10px; font-size:16px;}
section article .about-form{width:100%; float:left;}
section article .about-form strong{display:block; font-size:20px; padding-bottom:10px;}
section article .about-form span{display:block; padding-bottom:15px;}
section article .about-form label{display:block; padding-bottom:7px; font-weight:300;}
section article .about-form textarea{width:100%; min-height:150px; border:1px solid #ddd; margin-bottom:15px;}
section article .about-form input[type="submit"]{text-transform:uppercase; background:#ff6347; color:#fff; border-color:#ff5526;}

section .book{ width:100%; float:left;}
section .book img{margin:20px 0;}
section .book .book-padd{padding:15px;}
section .book b{background:#ff6347; margin-top:-20px; padding:40px 10px; color:#fff; width:100%; float:left; font-size:18px; line-height:24px;}
section .book strong{display:block; padding:13px 0; font-size:18px; text-transform:uppercase; font-family: myfourthFont;  margin-bottom:20px; border-bottom:3px solid #ddd; text-align:left; padding-left:15px;}
section .book p{font-size:15px;}
section .book a{background:#FD6348; color:#fff!important; display:block; padding:14px; border-radius:5px; text-align:center; font-size:16px; text-transform:uppercase;}
section .book em{ padding:0 15px; line-height:20px; font-size:15px;font-family: myfourthFont; color:#555; display:block; }
section .book span{ padding: 8px 15px; color:#666;}
section .book span.allblack-last a{margin-bottom:22px;}
section .book span a{display:inline-block; padding:0; color:#ff6347!important; text-transform:none; background:none; margin:0;}
section .book ul li{display:inline-block; border:0!important; padding:0!important; margin:0!important;}
section .book ul li a{width:48px; height:48px; margin-right:3px; background:#F55F46; color:#fff!important; font-size:20px; line-height:0;}
section .book ul li:last-child a{margin-right:0;}
section .book input[type="submit"]{background:#ff6347; padding:12px!important; font-size:17px!important; color:#fff; width:100%; float:left; font-family: mySecondFont; text-transform:none;}
section .book strong.all_black{margin-top:-20px;}

header.second-header{background-color:rgba(0,0,0,.1); padding-bottom:25px; position:fixed; top:0; z-index:1000; width:100%; float:left; padding-top:20px;}
header.second-header .white-logo{display:block; text-align:center;}
header.second-header .white-logo a{display:inline-block;}
header.second-header .white-logo a img{max-width:70%;}
section.start{background:#FD6348; margin-top:0; padding:0; float:none;}
section .strat-content{width:100%; height:100vh; display:table;}
section .strat-content .strat-verticle{display:table-cell; vertical-align:middle; text-align:center;}
section .strat-content h1{color:#fff; text-shadow:0 4px 0px rgba(0,0,0,.2); font-weight:600; font-size:56px; margin-bottom:30px; font-family: 'Lato', sans-serif!important;}
section .strat-content h3{color:#fff; font-weight:300; font-size:36px; padding:5% 0; font-family: 'Lato', sans-serif!important;}
section .strat-content button{background:#fff; color:#444; border:1px solid #fff; -webkit-border-radius:5px; font-weight:700;
 -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:280px; padding:14px; font-size:15px; font-family: 'Lato', sans-serif!important;}
section .strat-content button:hover{background:#2E2F33; color:#ff6347; border:1px solid #222;}
section .wrap{max-width:740px; margin:0 auto;}
section .email{display:block; margin-bottom:30px; background:#F2EEE7; padding:5%;}
section .email span{display:block; border-top:3px dashed #fff; border-bottom:3px dashed #fff; padding:10px 25px; font-weight:900; letter-spacing:2px; font-size:15px;  font-family: mySecondFont!important; margin-bottom:30px;}
section .email input[type="text"]{border:4px solid #fff; background:#FDDFDB; color:#999; font-family: myfourthFont; text-transform:uppercase; font-size:16px!important;}
section .email textarea{border:4px solid #fff; background:#FDDFDB; font-size:16px!important; color:#999; font-family: myfourthFont; text-transform:uppercase; color:#444; width:100%; min-height:150px; padding:10px; margin-bottom:15px;}
section .email input[type="submit"]{width:100%; background:#FD6348; font-size:18px; font-family: myfourthFont; border:4px solid rgba(0,0,0,.1); color:#fff;}
section address{display:block; margin-bottom:30px;}
section address attr{width:80px; height:80px; display:inline-block; border:1px solid #ddd; border-radius:100%; padding-top:16px; font-size:30px; background:#fff; color:#FD6348; margin-bottom:30px;}
section address strong{display:block; padding-bottom:5px; font-weight:600; color:#666; text-transform:uppercase; font-size:15px;}
section address span{display:block; color:#666;}

section .business{display:block; margin-bottom:30px;}
section .business h1{display:block; color:#fff; text-align:center; line-height:46px;}

section .founder{display:block; margin-bottom:30px; text-align:center;}
section .founder p{color:#fff; text-align:center;}
section .founder strong{color:#fff; font-size:22px; line-height:28px; font-weight:500;}

section .head-orange h1{font-weight:300; color:#ff6347;}
section .process{display:block; margin-bottom:30px; padding:50px;}
section .process h3{position:relative; font-size:22px;}
section .process b{font-weight:300; display:block; margin-bottom:20px;}
section .process h3 span{position:absolute; left:-60px; color:#ff6347; text-align:center; font-size:18px; top:0; border:2px solid #ff6347; width:36px; line-height:34px; height:36px; border-radius:100%;}
section .client.process span{width:auto; height:auto; font-size:40px; line-height:0; border:none;}
section .dashed {display:block; margin-bottom:30px; text-align:center;}
section .dashed span{padding:10px; border:2px dashed #121212; margin-bottom:30px; display:block;}
section .dashed a{display:inline-block; background:#ff6347; padding:12px 15px; color:#fff;}
section .dashed a:hover{ text-decoration:none; -webkit-box-shadow:0 0 10px #777; -moz-box-shadow:0 0 10px #777; -o-box-shadow:0 0 10px #777; box-shadow:0 0 10px #777;}

.pop:first-child{background:#C3C2C0;}
.pop{display:block; padding:15px; padding-bottom:0; margin:0!important;}
.pop span{display:block; text-align:center; padding-bottom:30px; line-height:22px;}
.pop span.em_fie{color:#f00; padding-bottom:10px;}
.pop span b{display:block; color:#ff6347;}
.pop big{display:block; margin-bottom:30px; text-align:center;}
.pop small{display:block; color:#777; text-align:center;}
.pop input[type="text"]{margin-bottom:20px; line-height:22px;}
.pop input[type="button"]{background:#ff6347; color:#fff; font-weight:600; border-color:#ff5347; text-transform:uppercase;}

section#framed{padding:0;}
.replco,.replco_two{position:relative;}
.azeem-loader,.az-loader{position:absolute; left:0; right:0; top:-100px; background-color:raba(0,0,0,.7); margin:auto; bottom:0; 
color:#FF6347; text-shadow:0 0 2px #ffffff; font-size:50px; width:50px; height:50px; z-index:100;}
.az-loader{color:#FDC413;}

#socialButtonOnPage.rightSocialButtonOnPage{display:none!important;}



/** -- wordpress css -- **/

.site-header{background-color:#2E2F33; min-height:inherit!important; width:100%; float:left; padding:30px 0 20px 0; 
background:#2E2F33; position:fixed; z-index:1000; top:0;}

.site-header .wrap{padding:0!important;  margin:0 auto!important;}
.nav-primary{background:none!important; float:right;}
.nav-primary .menu-primary{margin:0; padding:0;}
.nav-primary .menu-primary .current-menu-item a{color:#FF6347!important; text-decoration:none;}
.widget-area.header-widget-area{display:none!important;}
.genesis-nav-menu a{padding:10px 24px!important; font-size:11px!important; font-weight:500; letter-spacing:1px; color:#fff!important; font-family: mySecondFont!important;}
.genesis-nav-menu a:hover{color:#FF6347!important; text-decoration:none!important;}
.genesis-nav-menu:last-child a{padding-right:0!important;}
.title-area{padding:0!important; width:50%!important;}
.site-footer{width:100%; float:left; text-align:center; background:#323336!important; padding:0!important; }
.content article{margin:0!important; padding-top:0!important;}
.entry-header p span a{color:#ff6347!important;}
.em_fie{color:#fff;}
.sidebar .widget {border: 1px solid #ddd; padding:0!important;}
.sidebar .widget .textwidget p a{color:#FF6347;}
.sidebar .widget .widget-wrap ul li a{color:#FF6347;}
.sidebar .widget .widget-wrap h4{border-bottom:3px solid #ddd; margin:0; font-size:18px; margin-bottom:15px; padding:13px 15px; 
                                 font-family: myfourthFont; text-transform:uppercase;}
.sidebar .widget .widget-wrap article{margin:0!important; padding:0; border:none!important;}
.sidebar .widget .widget-wrap article .entry-header{padding:0!important; margin:0!important; border:none!important;}	
.sidebar .widget .widget-wrap article .entry-header .entry-title{margin:0 15px!important; border-bottom:1px dashed #ddd; margin-bottom:10px; padding-bottom:7px!important; line-height:20px;}							 
.sidebar .widget .widget-wrap article .entry-header .entry-title a{font-size:15px; color:#ff6347;}
.sidebar .widget .widget-wrap article:last-child .entry-header .entry-title{border:none;}

.extra_ch{float:left!important;}
.extra_ch article{padding:0 15px!important;}
.extra_ch article .entry-header .entry-title a{border-bottom:1px dashed #ddd; padding-bottom:30px; display:block;}
.extra_ch article .entry-header .entry-title a:hover{color:#666; text-decoration:none;}
.extra_ch article .entry-content{margin:0!important;}
/*.extra_ch article .entry-content ol{font-size:38px;}*/
.extra_ch article .entry-content a{display:inline;}
/*.extra_ch article .entry-content img{display:inline-block; clear:both;}*/
.extra_ch article .entry-content p{display:block;}
.extra_ch article .entry-footer{display:none;}
.extra_ch article .entry-footer .entry-meta span a{color:#FF6347;}
.extra_ch article .entry-footer .entry-meta span a:hover{color:#ff6347;}
.entry-footer{display:none;}
.full-width-content .content{width:800px;}

/*.entry-content ul > li{display:block;}*/
.entry-content ul > li h2 strong{font-size:36px; font-family: myfivthFont!important; font-weight:800;}
.supsystic-social-sharing-loaded p a{color:#FF6347;}
.supsystic-social-sharing-loaded p em{color:#FF6347!important;}
.entry-content a{color:#FF6347!important;}
/*.entry-content h2{font-size:36px; font-family: myfivthFont!important; font-weight:800;}
img.centered, .aligncenter{margin:0!important;}*/

.alignleft.post-image.entry-image{max-width:770px; width:100%;}

.comment-form{width:100%; background:#F55F46; padding:15px;}
.comment-form .comment-notes{color:#fff; padding:15px;}
.comment-form p label{color:#fff;}
.comment-form .logged-in-as{margin-bottom:10px!important;}
.comment-form .logged-in-as a{color:#fff;}
.comment-list{padding:0; margin:0;}
.comment-list li p span a{color:#FF6347;}
.comment-list li p time a{color:#FF6347;}
.comment-list li .comment-content{margin-top:0!important;}
.comment-list li .comment-reply a{color:#FF6347;}

.comment-content p a{color:#FF6347;}
.comment-author-link{word-wrap:break-word;}
.site-inner{padding:50px 0 20px 0;}

.tingle-modal__content{border:1px solid #ddd;}
.pop span{font-size:13px; padding-bottom:20px;}
.pop big{font-size:16px;}
.pop input[type="text"]{line-height:20px;}
.pop input[type="button"]{width:100%;}
.pop small{font-size:13px;}

.top-az strong{word-wrap: break-word;}

html{
margin-top: 0px !important;
padding-top: 40px;
}

@media screen and (max-width:799px){
.navbar-header{float:none!important; }
.navbar-header a.logo{display:block; text-align:center;}
.navbar-header a.logo img{max-width:100%;}
.title-area{width:100%!important; text-align:center!important; float:left!important;}
.nav-primary{width:100%!important; text-align:center!important;}
.entry-title{display:block; text-align:center;}
.full-width-content .content{width:100%;}
}

@media screen and (max-width:767px){
header .toggle{display:block;}	
section .hacking img.man{display:none;}
.navbar-header a.logo{text-align:left; padding-left:15px;}
.navbar-header a.logo img{max-width:100%;}
section .main-caption{width:100%; text-align:center; margin-bottom:20px;}
.nav-primary{display:none; margin-top:30px;}
.genesis-nav-menu .menu-item{display:block; border-bottom:1px solid #454545;}
.genesis-nav-menu a{padding:15px 13px!important;}
section .strat-content{margin-top:80px;}
.modal-box .enter h2{font-size:16px!important;}
section .rafi-left{text-align:center;}
section .banner-graph{background-position:center top}
section .main-caption h3{padding-top:30px;}
#comments > h3{text-align:center;}
.entry-content ol > li h2 strong{font-size:21px; line-height:28px;}
.extra_ch article .entry-content ol{font-size:21px; margin-left:20px;}
.sharedaddy.sd-sharing-enabled{position:fixed; left:0; bottom:0%; background-color:rgba(255,255,255,.5); z-index:1200; padding:0 10px;}
.sd-social-icon .sd-content ul li a.sd-button.share-more{display:none;}

}

@media screen and (max-width:639px){
	.navbar-header a.logo img{max-width:70%;}
	section .process{padding:0 15px 0 50px}
	section .process h3 span{left:-44px;}
	section article .about-us h2{font-size:22px!important;}
}

@media screen and (max-width:479px){
	.navbar-header a.logo img{max-width:70%;}
	header.second-header .white-logo a{display:inherit;}
	section .strat-content{margin-top:30px;}
	section .strat-content h1{font-size:42px; line-height:50px;}
	section .strat-content h3{font-size:22px; line-height:28px;}
}